2012-09-03 8 views
5

<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?

cevap

1

senin görünüm meta-etiketine

user-scalable=no 

Ekle, bu (en azından benim testlerde) yerine kullanıcının belirtilen genişlikte/tercihini tarayıcıları görüntülemek için tarayıcı zorlar.