您好,当我的应用程序在网络上响应式时,我遇到了一个小问题,当我调整浏览器的大小时,一切看起来都很好,但是当我选择响应式选项时,我遇到了问题,看起来我的导航栏占用了大约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 px及以下):

css - 我的导航栏的宽度不能使用CSS占用屏幕的100%吗?-LMLPHP

可以肯定,这是可以预期的,因此可以按我的预期工作,但是我选择了Galaxy 5选项或iPhone 6/7/8,问题又来了,这是它的外观:css - 我的导航栏的宽度不能使用CSS占用屏幕的100%吗?-LMLPHP

您会看到右边的不希望有的空间我希望它下车,我需要帮助,因为我觉得我的逻辑是正确的。

任何帮助将非常感激。

最佳答案

您可以使用overflow-y:隐藏;删除滚动条。希望能帮助到你

10-08 06:09
查看更多