Viewport ne işe yarar?

Görünüm alanı, tarayıcı penceresinde bir web sayfasının görünür alanını belirler. Bu, şunlar için gereklidir:

• Duyarlı tasarım: Farklı cihaz ekran boyutlarına uyum sağlayan düzenler oluşturmayı sağlar (akıllı telefonlar, tabletler, masaüstleri).
• İçeriğin ölçeklendirilmesi: İçeriğin nasıl görüntülendiğini ve cihaz boyutuna göre nasıl ölçeklendiğini kontrol eder.

<!-- Görünüm alanını ayarlamak için meta etiketi -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

content parametreleri:

• width=device-width: Görünüm alanının genişliği, CSS piksel cinsinden cihazın genişliğine eşittir.
• initial-scale=1.0: Sayfanın başlangıç yakınlaştırma seviyesini belirler.

Doğru viewport ayarı, herhangi bir cihazda sitenin uygun şekilde görüntülenmesini sağlar, kullanıcı deneyimini ve SEO'yu artırır.