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

Question

我有一个关于这个问题的网站示例（因为我想不出问它的方法..）

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

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

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

Answer 1

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

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

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

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