为什么我的网站在< 495px宽时会引入滚动条?

时间:2014-01-20 21:08:18

标签: css google-chrome web responsive-design

当我打开Chrome开发者工具并调整网站大小时,它会整齐地告诉我宽度。

我的网站在495px下降时添加了一个水平滚动条。这很奇怪,因为我需要它至少响应或弹性低至480px。

我使用宽度百分比,所以我很难找到阻止网站进一步缩小的CSS。

2 个答案:

答案 0 :(得分:1)

如果您在480px的整个min-width元素上有body,可能会设置电话屏幕的下限,并且页面内容足够长以添加垂直卷轴,则会发生这种情况。杆

Chrome的测量中不考虑垂直滚动条,宽度为15px,当工具读取495px时,会出现水平条,实际上是480 + 15px。

可以说它是Chrome中的一个错误,也许就是它的工作方式。无论如何你最好取出min-width并让它屈服于480px。

答案 1 :(得分:0)

发生这种情况是因为内容宽度大于480px。当您的页面高度高于浏览器时,它也是一样的。尝试使用css media-queries根据浏览器宽度设置css样式。 (这称为响应式网络)