Question

在我的CSS中

body{
overflow-y:scroll;
min-width: 1024px;
}

我有什么期望？如果屏幕尺寸小于1024px，则会有gorizontal滚动条，并且元素将不会相互覆盖（1024px - 最小宽度，我的网站看起来与预期的一样）。

但是当我用一些分辨率测试仪测试它时，事实证明它并没有改变任何东西。

为什么？

Answer 1

您正在设置body的{{3}}。这意味着宽度不能小于min-width。

您可能想要使用min-width。

例如：

<强> CSS

@media only screen and (min-width: 1024px) {
    body{
        overflow-x:scroll; /* horizontal */
        /* overflow-y:scroll; */ /* vertical */
    }
}

这告诉我们窗口宽度是否小于1024px ，然后将overflow-y:scroll添加到body。

Answer 2

对于水平滚动，您应该使用overflow-x:scroll;而不是overflow-y。它为内容添加了垂直滚动。这是一个例子，如果它可以帮助你http://jsfiddle.net/sMtmD/

CSS：最小宽度和小屏幕

2 个答案: