Android tarayıcı için bir web sitesi tasarımı optimize ipuçları ve kaynakları arıyorum.

Android uygulaması inşa ediyorum ve bazı işlevleri bir web arayüzü üzerinden erişilebilir olacak.

Mobil tarayıcılar için optimize web siteleri (özellikle Android ve iPhone) için iki unsur güveniyorum:

Meta tags: HandheldFriendly ve görüntü kutusu

Genellikle Android ve iPhone tarayıcıları varsayılan olarak ayarla sayfalar 800 ila 900 piksel sayfa genişliğine sahip değil. Sayfa cihaz aynı genişlik için, aşağıdaki meta etiketlerini ayarlayın:

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

Medya sorgu CSS

Sayfa genişliğine tasarım adapte olurum. Örneğin, ekranlar ve 1 sütun küçük ve büyük ekranlar için 2 sütun içeriğine sahip yazdırın. Ana ana css dosyası ile css medya sorguları-içerir şunlar:

@import url(style-screen.css) screen;
@import url(style-small.css) print, handheld;
@import url(style-large.css) screen and (min-width: 801px);
@import url(style-small.css) screen and (max-width: 800px);