2014-12-22 13 views
5

Anlaşılan İşte 8.vw ile CSS çeviri, iOS <8, geçici çözüm üzerinde çalışmıyor?

iOS < çalışmıyor vw birimleri ile transform: translate yapıyor sadece iOS'ta çalışır bir hem mobil hem de mobil olmayan çalışır% çevirmek karşılaştıran demo, ve vw olduğunu 8+ ve mobil olmayan:

http://codepen.io/rachel-carvalho/pen/azmoPJ?editors=110

#p { 
    -webkit-transform: translate(10%, 0); 
    transform: translate(10%, 0); 
} 

#vw { 
    -webkit-transform: translate(10vw, 0); 
    transform: translate(10vw, 0); 
} 

diğer mobil cihazlar vw çeviri bir sorun varsa bilmiyorum, ama bu sorun hakkında web üzerinde bir şey bulamıyorum. Başkasının bu sorunu oldu ve orada bu davranışı tespit etmek için güvenilir bir yoldur, eğer öyleyse ben javascript ile geçici çözüm eğer

merak ediyordum.

cevap

0
Bazen o may bazı kere çalışabilir bazı tarayıcılarda (özellikle IE) için v^k ile geçmişte aynı sorun, vw bakan ve onu desteklemediği bilmek lazım ama bunun için bir kısmi destek onların edildi

olmasın, dinamik buggyfill .js

sizin için çalışacaktır Umut

px için vw dönüştürmek bir jquery kütüphanesini kullanabilirsiniz için Check here

!

+0

caniuse.com sadece vw sorunlar hakkında hiçbir şey söylemez, vh kullanan iOS 7'de sorunları bildirir, bu yüzden arabası dolgu sorunumu çözecek eğer bilmiyorum. – rachel

+0

Atleast Deneyin Sorunumu çözdüm. başka dileğin! –