SORU
14 ŞUBAT 2009, CUMARTESİ


Android için bir web sitesi optimize etmek için ipuçları'un tarayıcı?

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.

CEVAP
7 AĞUSTOS 2010, CUMARTESİ


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);

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • RomanAtwood

    RomanAtwood

    18 Kasım 2009
  • TheForgottenGamer1

    TheForgotten

    28 AĞUSTOS 2009
  • TROPFEST

    TROPFEST

    27 Mart 2007