css - 我的导航栏的宽度没有使用 CSS 占据 100% 的屏幕？

Question

你好，当我的应用程序在网络上是响应式应用程序时，我遇到了一个小问题，当我调整浏览器大小时，一切看起来都很好，但是当我选择响应式选项时，我遇到了问题，看起来我的导航栏占用了大约 90%屏幕宽度而不是 100%，这是我的 SASS 代码:(我正在使用 mixins)

.co-menu-left {

width:110px;
height: 92%;
position: fixed;
top: 70px;
left:0px;
transition: 0.4s all ease;
z-index: 5;

@include responsive(phone){
    width:100vw;
    top:0px;
    height: 100%;
    z-index:1500000;
}

}

下面是我将浏览器缩小后的样子(手机为 600 像素或更小):

这肯定是预期的，所以它按我的预期工作，但我选择 Galaxy 5 选项或 iPhone 6/7/8 我的问题又出现了，这是它的样子:

你看到右边那个不需要的空间我想让它下车，我需要帮助，因为我觉得我的逻辑是正确的。

如有任何帮助，我们将不胜感激。

Answer 1

你可以使用 overflow-y: hidden;删除滚动条。希望对你有帮助