Il CSS translate con vw non funziona su iOS <8, soluzione alternativa?

Question

A quanto pare facendo transform: translate con vw unità non funziona su iOS < 8.

Ecco una demo, confrontando tradurre%, che funziona sia su mobile e non mobili, e VW, che funziona solo su iOS e 8+ non mobile:

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

non so se altri dispositivi mobili hanno un problema traducendo vw, ma non riesco a trovare qualsiasi cosa sul web su questo problema.

Mi chiedevo se qualcun altro ha avuto questo problema e se c'è un modo affidabile per rilevare questo comportamento, quindi posso risolvere il problema con javascript.

Answer 1

stavo affrontando lo stesso problema in passato con Vmax, vw per alcuni browser (appositamente IE) e avuto modo di sapere che lo fa supporto, ma il loro è un supporto parziale per che a volte può funzionare alcune volte può non, Check here

per questo si può utilizzare una libreria jQuery che convertono vw al px dinamicamente buggyfill .js

spero che lavorerà per voi!