css响应时如何在元素上留有边距

我有一个简单的问题，我不记得怎么做了

在我的例子中，我有一个div，它有一个宽度并使用marginauto居中

当窗口调整大小时，我希望当窗口接触div时，div有一个左右边距

调整窗口大小时，div接触窗口边缘

我希望它是这个宽度，直到窗口变小，然后它有左，右边缘

*{
保证金：0；
填充：0；
}
.街区{
背景：红色；
高度：100px；
保证金：0自动；
宽度：600px；
}

---

您只需添加一个

最大宽度：90%

或任何可以满足您需求的内容

*{
保证金：0；
填充：0；
}
.街区{
背景：红色；
高度：100px；
保证金：0自动；
宽度：600px；
最大宽度：90%；
}

---

您可以使用媒体查询来控制元素的样式

例如：

以下示例将视口宽度为480像素或更宽时的背景色更改为浅绿色（如果视口小于480像素，则背景色将为粉红色）

及

*{
保证金：0；
填充：0；
}
.街区{
文本对齐：居中；
背景：红色；
高度：100px；
保证金：0自动；
宽度：600px；
}
@介质（最大宽度：400px）{
边际：0.50px；
}
@介质（最小宽度：401px）和（最大宽度：800px）{
利润率：0.30px；
}
@介质（最小宽度：801px）{
利润率：0.10px；
}

答复
1.

请参考css中的

@媒体

规则

@media (max-width: 600px) {
    .block {
        margin: 0 11px;
    }
}

@media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}