2015-05-21 14 views
5

Bir web uygulaması geliştiriyorum ve hem android hem de ios'ta tarayıcıda ve ana ekrana kaydederken harika çalışıyor. Ancak, gerçek bir uygulama olarak indirirken, vücuttaki% yükseklik, android üzerinde çalışmaz (bir piksel değerine ayarladığımda çalışır). Ayrıca viewport yüksekliğini kullanan bazı elemanlar da var, bu da işe yaramıyor, bu da garip bir durum çünkü görüntü birimi için oldukça iyi bir destek var. Görünümün yüksekliği yok gibi.yükseklik: <body> üzerinde% 100, android web uygulamasında çalışmıyor mu?

Onun çok temel şeyler:

HTML:

<body> 
    <div class="container"> 
    <div class="some-element"></div> 
    <div class="some-element"></div> 
    </div> 
</body> 

CSS:

body, html { height: 100%; } 
.container { height: 100%; } 
.some-element { height: 50vh; } 

ben dahil edilmemiş olduğu ("kabuk" ile ilgili bir şey alabilir miyim bir uygulama olarak kurulduğunda kullanılır?

cevap

0

vh üniteler, android cihazlarda çok zayıf bir desteğe sahiptir, bu yüzden android 4.4+ kullanıyorsanız, şanssızsınız demektir. http://caniuse.com/#feat=viewport-units

vh ve vw birimleri harika olmasına rağmen, hala android den çok kötü desteği olmuştur çünkü bunları kullanmaktan kaçınmak Dürüst olmak gerekirse de

kontrol edebilirsiniz vh unis destekler.

Sorununuza bir çözüm olarak, tablo olarak stillenmiş bir div kullanmayı deneyin ve aynı sonucu elde etmek için height:50% kullanın. Ek bir desteğe ihtiyacınız varsa, ilgili kodunuzu güncelleyin ve ben (veya başka biri) size yardımcı olacaktır.

İlgili konular