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