响应式垂直滚动条h​​tml文档

Question

如何使HTML页面保持完整的垂直滚动条？永久修复响应模式下的水平滚动问题

我已经尝试了一些建议：

第一种方式– body { overflow-x:hidden; }

第二种方式– “您可以在CSS body标签中使用以下内容： overflow-y: scroll; overflow-x: hidden; 那将删除您的滚动条。“

第三种方式– body { min-width: 1167px; }

第四种方式– var docWidth = document.documentElement.offsetWidth; [].forEach.call( document.querySelectorAll('*'), function(el) { if (el.offsetWidth > docWidth) { console.log(el); } } );

第五种方式– html, body { max-width: 100%; overflow-x: hidden; }

第六种方式– element { max-width: 100vw; overflow-x: hidden; }