<body style="width: 100%;">< header style="width: 100%;" >
<div style="width: 1200px;"></div>
</header>
</body>
当你页面是类似这种布局,缩小HTML页面后视口宽度小于1200px右侧出现空白。
解决方案: 给body设置min-width: 1200px;overflow-x: hidden;overflow-y: auto;即可。
<body style="width: 100%;">< header style="width: 100%;" >
<div style="width: 1200px;"></div>
</header>
</body>
当你页面是类似这种布局,缩小HTML页面后视口宽度小于1200px右侧出现空白。
解决方案: 给body设置min-width: 1200px;overflow-x: hidden;overflow-y: auto;即可。