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

I want to change the margin-top and margin-left of a div element

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

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

检查 this fiddle 。行得通