html - CSS媒体选项有效，但不做任何更改

该CSS可以工作：

@media (max-width:1023px) {
    html {
        margin: 0;
        padding: 0;
        height: 100%;
        width:1024px;
    }
    body{
        margin: 0;
        padding: 0;
        overflow-y:scroll;
        height: 100%;
        min-width: 1024px;
    }
}

@media (min-width:1024px)  {
    html {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    body{
        margin: 0;
        padding: 0;
        overflow-y:scroll;
        height: 100%;
    }
}

因此，对于小分辨率，浏览器输出中有min-width: 1024px;选项：但这并没有改变-仍然在小分辨率浏览器中，浏览器会尝试将整个文档置于当前分辨率限制内。

什么是1024px分辨率宽度：

小屏幕是什么：

这就是为什么我想使用小分辨率的宽度-以1024px的宽度显示页面，并且这些屏幕上的可见部分将是theis分辨率，并向左滚动

最佳答案

因此，您是说，即使您为<body>元素设置了最小宽度1024像素，以使浏览器视口的宽度小于此宽度，但您的<body>元素的呈现宽度却没有比浏览器视口更宽？

奇。在Chrome 27中为我工作：

http://jsfiddle.net/87mMW/

你使用的是什么浏览器？ Media queries aren’t supported in IE ≦8, Firefox ≦3, and Safari ≦3.1。