解决移动端出现x轴的问题
解决移动端出现x轴的问题
问题描述:
由于内容较多导致出现Y轴滚动条,占用了页面的宽度,从而导致在使用框架做自适应时出现X轴滚动条,影响用户体验。最终只需要在CSS中添加如下代码就可以完美解决问题
html {
overflow-y: scroll;
}
:root {
overflow-y: auto;
overflow-x: hidden;
}
:root body {
position: absolute;
}
body {
overflow: hidden;
}