css媒体查询margin-top元素div

Question

我有以下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？

Answer 1

  

我想更改div元素的margin-top和margin-left

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

因为您已在媒体查询中应用了max-width:1024px。现在，如果要设置高于1024，则可以使用'min-width: 1024px'。

检查this小提琴。这工作