Question

我已将网站模板的代码缩减到这个非常基本的页面。即使在这种基本状态下，在移动浏览器上查看时也会出现少量侧滚动。这是在三星，默认浏览器和Chrome上测试的。

这个演示不是一个问题，但在完整模板上，这个侧面滚动会在滚动条右侧（滚动条下方）添加一条空白页。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
*{ 
    margin: 0px;
    padding: 0px;
}

#header{
width:992px;
margin:0 auto;
background-color:#000000;
height:90px;
}
</style>
</head>

<body>

<div id="header">
</div>
</body>
</html>

我想要消除侧面滚动并使页面完全适合屏幕。由于网站是固定的宽度和居中的宽度和边缘CSS规则必须保持。

Answer 1

如果要隐藏移动设备上显示的额外空间，请尝试在包含滚动的元素上使用overflow:hidden。

CSS - 移动浏览器上的少量侧滚动

1 个答案: