iOS Safari + CSS calc（）+ CSS transition =即时崩溃 [英] iOS Safari + CSS calc() + CSS transition = Instant Crash

问题描述

当我尝试使用 left：-webkit-calc（100％ - 100px）; （假设 left：0; 是初始状态）它在iOS 6.0.1中正常工作。但是当我对 transition：left 1s linear; 做同样的事情时，它会立即崩溃Safari，每次。它是已知的错误或我做错了什么？

When I try to use left: -webkit-calc(100% - 100px); (assuming that left: 0; is initial state) it works in iOS 6.0.1 just fine. But when I do the same with transition: left 1s linear; it instantly crashes Safari, every single time. Is it known bug or am I doing something wrong?

它也不工作在Safari 5（无反应）。

It also doesn't work in Safari 5 (no reaction). But it works in Firefox and Chrome.

推荐答案

您可以通过使用除auto之外的任何属性初始化属性来修复此问题：

You can fix this by initialising the property with anything but auto:

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

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

这篇关于iOS Safari + CSS calc（）+ CSS transition =即时崩溃的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！