通过屏幕尺寸更改边距的方法

Question

如何设置CSS边距：

.url {
    margin: 10px 0 0;
}

屏幕调整大小时？从margin: 10px 0 0;到margin: 20px 0;

Answer 1

您有几种选择：

1：响应选项：

媒体查询由一种媒体类型和至少一个表达式组成，该表达式通过使用媒体特征（例如宽度，高度和颜色）来限制样式表的范围。在过时的CSS3中添加的媒体查询使内容的呈现适合特定范围的输出设备，而不必更改内容本身。

@media all and (max-width: 1000px) and (min-width: 700px) {
  .class {
   margin:50px;
  }
}

2：使用百分比： 您可以使用：

.class{
margin:40%;
}

资源：

Answer 2

@media screen and (max-width: 600px) {
  .url {
    margin:20px 0;
  }
}