我正在尝试在我正在制作的响应式网站上开始使用一些 CSS3 转换，并且在桌面 Chrome 和 Android 上的 Chrome 上一切正常，但在 Chrome 和 Safari 的 iOS 设备上无法正常工作。
例如，我用于菜单的 CSS 片段如下：
#menu {
width: 180px;
height: 100%;
position: fixed;
top: 0;
left: -180px;
z-index: 9;
transition: left 1s;
-webkit-transition: left 1s;
}
我有一个菜单按钮，单击该按钮时，会调用一个 javascript 函数，该函数将“左”样式更改为 0，使其从屏幕左侧外部转换到位置。
在桌面和 Chrome Android 上一切正常，但在 ios Chrome 和 Safari 上它要么非常不稳定，要么只是延迟一秒钟然后立即弹出。它在我的所有转换中都执行此操作，但为了简单起见，我显示了菜单之一。
我已经在 Stack 中进行了大量的谷歌搜索和搜索，但我真正发现的唯一内容是添加以下内容：
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
强制硬件加速的风格，但它也不起作用。我看不出有任何变化。任何帮助，将不胜感激。
避免使用绝对定位转换，它会占用大量资源，而是尝试使用transform: translateX(0)用于水平调整
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
