我的导航栏的宽度不能使用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 px及以下）时的外观：

这是可以肯定的，因此它可以按我的预期工作，但是我选择了Galaxy 5选项或iPhone 6/7/8，问题又来了，这是它的样子： < / p>

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

任何帮助将不胜感激。

Answer 1

您可以使用overflow-y：隐藏；删除滚动条。希望对您有帮助

Answer 2

也将<script src="/dist/RTCMultiConnection.min.js"></script> <script src="/node_modules/webrtc-adapter/out/adapter.js"></script> <script src="/socket.io/socket.io.js"></script> var enableRecordings = false; var connection = new RTCMultiConnection(); connection.enableScalableBroadcast = true; connection.maxRelayLimitPerUser = 1; connection.autoCloseEntireSession = true; connection.socketURL = '/'; connection.socketMessageEvent = 'scalable-media-broadcast-demo'; connection.connectSocket(function(socket) { socket.on('join-broadcaster', function(hintsToJoinBroadcast) { connection.session = hintsToJoinBroadcast.typeOfStreams; connection.sdpConstraints.mandatory = { OfferToReceiveVideo: !!connection.session.video, OfferToReceiveAudio: !!connection.session.audio }; connection.broadcastId = hintsToJoinBroadcast.broadcastId; connection.join(hintsToJoinBroadcast.userid); }); // this event is emitted when a broadcast is absent. socket.on('start-broadcasting', function(typeOfStreams) { console.log('start-broadcasting', typeOfStreams); // host i.e. sender should always use this! connection.sdpConstraints.mandatory = { OfferToReceiveVideo: false, OfferToReceiveAudio: false }; connection.session = typeOfStreams; // "open" method here will capture media-stream // we can skip this function always; it is totally optional here. // we can use "connection.getUserMediaHandler" instead connection.open(connection.userid); }); }); connection.onmessage = appendDIV; document.getElementById('input-text-chat').onkeyup = function (e) { if (e.keyCode !== 13) return; // removing trailing/leading whitespace this.value = this.value.replace(/^\s+|\s+$/g, ''); if (!this.value.length) return; connection.send(this.value); appendDIV(this.value); this.value = ''; }; const chatContainer = document.querySelector('.chat-output'); function appendDIV(event) { const div = document.createElement('div'); div.innerHTML = event.data || event; chatContainer.insertBefore(div, chatContainer.firstChild); div.tabIndex = 0; div.focus(); document.getElementById('input-text-chat').focus(); } 属性设置为响应模式。如果不起作用，请使用百分比（left）设置宽度。还要确保您的导航栏或它的孩子上没有多余的边距。这些是我能想到的。