当我打开Chrome开发者工具并调整网站大小时,它会整齐地告诉我宽度。
我的网站在495px下降时添加了一个水平滚动条。这很奇怪,因为我需要它至少响应或弹性低至480px。
我使用宽度百分比,所以我很难找到阻止网站进一步缩小的CSS。
答案 0 :(得分:1)
如果您在480px的整个min-width
元素上有body
,可能会设置电话屏幕的下限,并且页面内容足够长以添加垂直卷轴,则会发生这种情况。杆
Chrome的测量中不考虑垂直滚动条,宽度为15px,当工具读取495px时,会出现水平条,实际上是480 + 15px。
可以说它是Chrome中的一个错误,也许就是它的工作方式。无论如何你最好取出min-width
并让它屈服于480px。
答案 1 :(得分:0)
发生这种情况是因为内容宽度大于480px。当您的页面高度高于浏览器时,它也是一样的。尝试使用css media-queries根据浏览器宽度设置css样式。 (这称为响应式网络)