如果窗口太小，则更改div对齐

Question

我的主页上有一个居中的div。当我使窗口变小时，div会从窗口的两侧移出。我希望它只能离开左边的窗户。有没有办法做到这一点？如果窗口太小，我想改变对齐方式。

提前致谢！

编辑：我想从此更改

<div style="margin: auto; width: 500px;"> centered div </div>

与此类似：

<div style="margin-left: 0px; width: 500px;"> not centered div </div>

当窗口小于500px时显示完整大小的div。

Answer 1

您可以使用媒体查询

div {
  margin: auto; 
  width: 500px;
}
@media (max-width:500px) {
   div {
     margin: auto 0px auto auto;
   }
}

只有在宽度小于500px时，才会应用您的样式。