Bunu kullanma eğilimindeyim:
Bunun çok tavsiye edildiğini görmeme rağmen:
Bu, tarayıcının (muhtemelen) sayfanın genişliğini kendi ekranının genişliğinde oluşturacağı anlamına gelir. Dolayısıyla, bu ekran 320 piksel genişliğindeyse, tarayıcı penceresi uzaklaştırılmış ve 960 piksel (veya duyarlı bir meta etiket yerine varsayılan olarak o cihazın yaptığı her şeyi) göstermek yerine 320 piksel genişliğinde olacaktır.
Not: Web siteniz özellikle duyarlı olacak şekilde tasarlanmamışsa ve bu boyutta iyi çalışacak şekilde tasarlanmamışsa, deneyimi daha da kötüleştireceğinden duyarlı bir meta etiket kullanmayın.
Bu etiketin desteklediği daha fazla öznitelik vardır:
| Emlak | Açıklama |
|---|---|
| Genişlik | Cihazın sanal görüntü portunun genişliği. |
| aygıt genişliği | Cihaz ekranının fiziksel genişliği. |
| yükseklik | Cihazın "sanal görünüm alanının" yüksekliği. |
| cihaz yüksekliği | Cihaz ekranının fiziksel yüksekliği. |
| başlangıç ölçeği | Sayfayı ziyaret ederken ilk yakınlaştırma. 1.0 yakınlaştırmaz. |
| minimum ölçek | Ziyaretçinin sayfada yakınlaştırabileceği minimum miktar. 1.0 yakınlaştırmaz. |
| maksimum ölçek | Ziyaretçinin sayfada yakınlaştırabileceği maksimum miktar. 1.0 yakınlaştırmaz. |
| kullanıcı tarafından ölçeklendirilebilir | Cihazın yakınlaştırıp uzaklaştırmasına izin verir. Değerler evet veya hayır. |
Can sıkıcı ve potansiyel olarak bir erişilebilirlik sorunu olduğu için genellikle ölçeklendirmeyi önlememeniz önerilir.
Muhtemelen bunu CSS'nizde de isteyeceksiniz:
@-ms-viewport( width: device-width; )Bilmekte fayda var: Bu meta etiketin değerini JavaScript ile değiştirmek işe yarıyor, sayfa yeni değere tepki verecektir. Tüm etiketi çıkarın ve değiştirin veya contentözelliği değiştirin . Çok yaygın bir ihtiyaç değil ama ortaya çıkabilir.