<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">
meta etiketini kullanan bir web sitem var, Javascript, body
için css ile ekran genişliğini ve yüksekliğini ve yüzdelik genişliklere sahip elemanları içeriyor.Android tarayıcı ayarı Eleman boyutu çok küçük
Masaüstünde bu iyi çalışıyor. Android telefonumda ve tablet bilgisayarımdaki tarayıcılarda, içerik düzgün bir şekilde ölçeklenmiyor - her şey sadece çok küçük ve yakınlaştırmak için iki kez hafifçe vurarak (tüm sayfa genişliğini görüntülemiyorken). Bu hem dikey hem de yatay modda olur ve yakınlaştırma seviyesi aynı veya en azından benzer görünür.
Javascript'in gövde genişliğini ve yüksekliğini biçimlendirdiğini söyleyen bir uyarı alıyorum ve her zaman haklıdır, ancak tarayıcı pencerenin boyutunun aslında daha büyük olmasına rağmen yükleme gereksinimini duymaktadır.
Tarayıcıların CSS pikselleri ile gerçek pikseller arasında kafalarının karıştığı bazı saçmalıkların olduğunu anlıyorum, ancak meta etiketinin hepsinin düzeltilmesi gerektiğini düşündüm.
Tarayıcının sayfayı% 100 ekran boyutuna getirmesini nasıl sağlayabilirim?