为什么bootstrap使用translate3d进行.nav-collapse

Question

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

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

@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中的单独合成图层上渲染，从而使动画更快。

有关详细信息，请参阅here