div的固定宽度（当窗口改变宽度时不会调整大小）

Question

我有一个关于这个问题的网站示例（因为我无法想办法让它...）

https://livedemo00.template-help.com/opencart_62166/

正如您所看到的，如果您调整浏览器宽度，只会调整边距，而不是其中的div。

有没有办法在CSS中实现结果？我必须使用Javasciprt来实现这一目标吗？谢谢。

Answer 1

在该示例中，开发人员正在使用媒体断点。这些根据浏览器窗口大小将不同的样式应用于元素。教程是{{3}}

基本上你的CSS看起来像这样：

@media screen and (min-width: 500px) {
    body {
        width: 800px;
    }
}

@media screen and (max-width: 500px) {
    body {
        width: 300px;
    }
}