Android cihazlarda hazırlayacağınız web sayfasının düzgün bir şekilde görüntülenmesi için aşağıda meta tag satırını kullanabilirsiniz.
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=2.0; minimum-scale=1.0; user-scalable=yes; target-densitydpi=240" />
Android cihazlar bildiğiniz üzere Hdpi, Mdpi, Ldpi ve xHdpi gibi çeşitli ekran boyutlarında piyasaya sürülmüşlerdir. Bu yüzden bir web sayfası hazırladığınızda tek bir ekran yerine çeşitli ekran boyutlarını düşünerek bir tasarım hazırlamanız gerekiyor. Bunun için bir çok internet makalesinde her ekran boyutu için ayrı ayrı css dosyaları çağırarak bu işi çözebileceğimizden bahsediliyor. Fakat yukarıdaki gibi target-densitydpi=240″ gibi bir ekleme ile sadece 240 dpi olan Hdpi ekran boyutuna göre sitenizi tasarlamanız yeterli olacaktır. Örneğin Samsung Galaxy S2 bir Hdpi cihazdır. Bu ekleme ile Hdpi bir cihazda düzgün oturan web sayfanız diğer ekran boyutları için de düzgün görüntülenecektir.


