低于一定宽度时偏离中心内容（响应）

Question

我有一个页面，当我通过CSS中的填充标记（％）稍微向左移动时，我的内容看起来很棒。但是，当我将窗口大小减小到更多＆＃34; mobile＆＃34;大小，内容（文本）仍然略微向左。在发生一定的最小宽度后，我希望它与所需的填充量完全对齐。

Answer 1

使用媒体查询提供所需的效果。

＆＃13;

＆＃13;

@media (max-width: 480px) {
  div {
    text-align: center;
    padding: 5%;
  }
}

＆＃13;

＆＃13;

＆＃13;