Android Uyumlu Web Sayfası İçin Meta Tag Kullanımı

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.

Facebook Twitter Friendfeed

Leave a Reply

Your email address will not be published. Required fields are marked *

*


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>