调整窗口大小时，多级推菜单对浏览器来说太重了

Question

当我为手机制作一个多级菜单时，我发现在更改窗口的宽度时，浏览器对水平y坐标后面的多个级别（每个级别的宽度为100％）的要求很高。

我不想使用任何插件，我只想拥有自己的简单代码，因此，您对如何预测隐藏在地平线之后的每个关卡是否发出任何建议有什么建议，以防止浏览器更改其中的窗口宽度。与此同时？因为每个级别都会由于其宽度而改变其宽度：100％。

在另一个类中，级别也已过渡。

所以基本上每个级别都有此设置：

#nav-menu, #nav-menu .nav-level {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

谢谢