调整大小时如何在不删除水平滚动条的情况下删除空白？答案

【问题标题】：How to remove the white space without removing horizontal scrollbar when resized?调整大小时如何在不删除水平滚动条的情况下删除空白？
【发布时间】：2013-12-10 16:48:08
【问题描述】：

如果我添加以下 css

html,body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
}

这将解决空白问题，但它会删除水平滚动条，并且无论窗口大小如何，它都会应用 100% 宽度，但我的网站由固定宽度组成。我可以在这里做什么？

【问题讨论】：

标签： html css

【解决方案1】：

使用min-width 来实现您正在寻找的东西。

例如，

html,body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
min-width:xxpx; /* enter a pixel value more than 1px that distorts the layout on resize */
}

PS： xxpx 是一个代表值。使用最适合您解决问题的值。

【讨论】：

对不起，这也不是在调整窗口大小时显示水平滚动条。
顺便问一下是什么原因造成的？
奇怪。这应该已经解决了您的问题。正如min-width 属性确实可以满足您的需求。 - @C-link
是的！我也认为它应该工作。但没有。你可以在现场检查自己。
是的，它对我有用。在您的 css 中进行以下更改以使其正常工作。 html body { font-size: 13px 'Source Sans Pro', sans-serif; min-width: 1024px; } - @C-link