css - 如果窗口太小，更改 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。