如何为每个窗口调整大小？

Question

我创建了一个网站，但现在有一个问题。它是以div（.body）制作的，边距为20％，但是当屏幕变小时，它不会像它想要的那样调整大小。

这是它的代码。我该怎么做才能让它调整得更小，如果有必要回到零呢？

    .body {
        width: 60%;
        height: 1200px;
        border: 1px solid white;
        background-color: #f2f2f2;
        margin-left: 20%;
        position: relative;
        min-width: 1100px;
    }

Answer 1

你有min-width: 1100px;所以它不会小于那个。也许这是一个错字，你打算写max-width: 1100px;。这将解决问题：

.body {
    width: 60%;
    height: 1200px;
    border: 1px solid white;
    background-color: #f2f2f2;
    margin-left: 20%;
    position: relative;
    max-width: 1100px;
}