css - 按屏幕大小更改边距的方法

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%;
}

资源:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
http://css-tricks.com/css-media-queries/