Viewport meta
Mobil tarayıcının içeriği nasıl ölçekleyeceğini belirleyen HTML meta etiketi: <meta name="viewport" content="width=device-width, initial-scale=1">. Duyarlı tasarım için şarttır — olmadan Safari masaüstü oluşturma genişliğine uzaklaştırır.
Kavramı Apple, 2007'de iPhone ile getirdi. Varsayılan mobil viewport yaklaşık 980 px'tir (masaüstüne sığdırılmış gösterim). width=device-width ile viewport cihazın piksel genişliğine eşitlenir ve CSS medya sorguları beklendiği gibi çalışır. maximum-scale=1, user-scalable=no bir anti-kalıptır (çimdikle yakınlaştırmayı bozar, erişilebilirlik sorunu). Çentikli ekranlar (iPhone X ve sonrası) için viewport-fit=cover ile safe-area-inset CSS'i kullanılır. Google Lighthouse ve duyarlı tasarım test araçları viewport meta'nın varlığını denetler.