ios - iOS Safari + CSS calc()+ CSS过渡=即时崩溃

当我尝试使用left: -webkit-calc(100% - 100px);(假设left: 0;为初始状态)时，它可以在iOS 6.0.1中正常工作。但是，当我对transition: left 1s linear;执行相同操作时，它每次都会立即使Safari崩溃。是已知错误还是我做错了什么？

它也无法在Safari 5中使用(无 react )。但是它可以在Firefox和Chrome中运行。

最佳答案

您可以通过使用auto以外的任何方式初始化属性来解决此问题:

.menu {
  left: 0;
  transition: left 1s linear;
}

.menu-open .menu {
  left: -webkit-calc(100% - 50px);
  left: calc(100% - 50px);
}

关于ios - iOS Safari + CSS calc()+ CSS过渡=即时崩溃，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14055461/