css媒体查询margin-top元素div答案

【问题标题】：css media query margin-top element divcss媒体查询margin-top元素div
【发布时间】：2017-03-06 15:03:46
【问题描述】：

我有以下 javascript 。我想更改 div 元素的 margin-top 和 margin-left 。我使用这个媒体查询

@media screen and (max-width:1024px) {
  .my-list {
    margin-top: 120px;
    margin-left: 350px;
  }
}

<div class="my-list">
  test message
</div>

最终画面是

如何更改 div 元素的 margin-top 和 margin-left？

【问题讨论】：

【解决方案1】：

我想改变一个 div 元素的上边距和左边距

你所做的是正确的。现在这取决于您的要求。根据您的媒体查询，它将对所有小于 1024px 的分辨率屏幕应用 css。

因为您在媒体查询中应用了：max-width:1024px。现在如果你想设置高于 1024 那么你可以使用'min-width: 1024px'。

检查this 小提琴。这行得通

【讨论】：