css - 为什么 bootstrap 使用 translate3d 作为 .nav-collapse

Question

最近的一个 ios 7.0 错误导致我的导航菜单没有显示......这让我想到了这个问题。

为什么 bootstraptranslate3d在他们的移动样式上使用他们的可折叠菜单？

@media (max-width: 480px) {
    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0);
     }
}

我必须覆盖它才能让菜单显示在 ios7 上。

@media (max-width: 480px) {
    .nav-collapse {
        -webkit-transform: none;
     }
}

Answer 1

这会强制元素在 GPU 中的单独合成层上渲染，从而使动画更快。

有关更多信息，请参见此处