Webkit转换无法在IOS上的Chrome中运行

Question

我正在测试用于手机的模板，但无法让它在Chrome for IOS中运行。我怀疑它是webkit过渡。

它适用于谷歌Chome for PC

Link to template

.ac-container article{
background:#fff;
margin-top: -1px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 10;
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

Answer 1

你在#menuToggle中使用（〜）：checked~ #primary_nav_wrap {position：absolute; left：0;}触发转换。升级到iOS 9可防止其工作.....尝试使用（+）代替（〜）