2013-05-16 21 views
8

üzerinde düzgün görüntülenmeyen display:flex muhteşem yeteneklerini anlayarak sonra ben Chrome 26 den Windows üzerinde bakıldığında etmek istiyorum tam olarak nasıl görünen bir web sayfası yaptı. Ancak, Android cihazımda Chrome 26'da çalışmadığı gibi, emülatörümdeki Android tarayıcı 4.1'de de çalışmaz. caniuse'a göre, bu tarayıcıların tümü desteklemelidir.-webkit-flex Android

Belki de tesadüfen, Android'de göründüğü gibi (daha önce anlatabildiğim kadarıyla), eski sürüm display:box'a geçtiğimde göründüğünün aynısı gibi görünüyor.

windows vs android

Sorum şu, ben bu cihazlar arası sorunları önlemek nasıl: Burada

o Android'de vs Windows benziyor ne? Belki daha standart hale gelene kadar esnek bir şey kullanmak daha iyi olurdu. Herkes bana esnek kullanmayan veya Android'de çalışan bir çalışma örneği sunabilir mi? Bu bir mobil web uygulaması içindir. Herhangi bir yardım çok takdir edilmektedir. Koduma bağlantılar aşağıdadır. -webkit-Flex ile

: JSFiddle

kutusu: JSFiddle farkında olmak farklı özellikleri/değerlere sahip 3 flexbox'a taslak yok

+0

Bu soruyu Adobe/Apache Flex ile etiketlemek mi istiyorsunuz? – JeffryHouser

+0

Hayır, hala aynı (kırık) Android 4.1 –

cevap

0

Merak edenler için, kod kullanmama için kodumu tamamen yeniden yazdım. İşte benim için gayet iyi çalışan JSFiddle için bir bağlantı. http://jsfiddle.net/8juSk/

Bu @cimmanon tarafından önerildiği gibi box ve box-ordinal-group kullanır.

8

. Caniuse sadece mevcut taslağı ("destek") destekleyen tarayıcılar ile eski taslaklardan ("kısmi destek") birini destekleyenler arasında ayrım yapar.

Tarayıcı desteğini en üst düzeye çıkarmak için bunların tümünü en eski sürümlerden en yeni sürüme geçirebilirsiniz.

.foo { 
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex; 
} 

.bar { 
    -webkit-box-flex: 1; 
    -moz-box-flex: 1; 
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1; 
} 

Tüm Android sürümleri şu anda eski 2009 özelliklerini desteklerken

, muhtemelen standart özelliklerin lehine gelecekte atılır. Ayrıca Blackberry 10'un, eski taslaklardan hiçbirini değil, geçerli standardı desteklediği listelenir.

+0

olduğu gibi yapıştırın kullanmıyorum? Çünkü sen ... –

+0

üzerine sen/kopyalama mü görünüyor sorunu çözmedi O Adobe Flex – cimmanon

+0

: Ekranın her örneğini değiştirdim: -webkit-flex; tüm varyasyonları ve -webkit-flex'in her örneği ile: 1; de. Yeni css'imi göndereceğim. –