ios - CSS translate with vw 在 iOS < 8 上不起作用，解决方法？

Question

显然，使用vw 单位进行transform: translate 在 iOS < 8 上不起作用。

这是一个演示，比较了在移动设备和非移动设备上都适用的 translate % 和仅在 iOS 8+ 和非移动设备上都适用的 vw:

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 的问题，但我在网上找不到任何关于这个问题的信息。

我想知道是否还有其他人遇到过这个问题，是否有可靠的方法来检测此行为，所以我可以使用 javascript 解决问题。

Answer 1

我过去在某些浏览器(特别是 IE)的 vmax、vw 中遇到过同样的问题并且知道它确实支持，但他们只是部分支持，有时它可能有效，有时可能无效， Check here

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

希望它对你有用!