使用vw的CSS翻译在iOS <8上不起作用,解决方法？

Question

显然transform: translate使用vw单位不适用于iOS <8.

这是一个演示,比较翻译%,适用于移动和非移动,以及vw仅适用于iOS 8+和非移动:

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

我不知道其他移动设备是否有翻译vw的问题,但我无法在网上找到有关此问题的任何内容.

我想知道是否有其他人有这个问题,如果有一种可靠的方法来检测这种行为,所以我可以解决这个问题.

Answer 1

我过去在某些浏览器（特别是 IE）的 vmax、vw上遇到了同样的问题，并且知道它确实支持，但它们只是部分支持，有时它可能工作，有时可能不工作， 请检查这里

为此，您可以使用 jquery 库，动态将 vw 转换为 px buggyfill .js

希望它对你有用！