在某种分辨率 - 媒体查询后停止改变CSS样式？

Question

如果用户将浏览器窗口缩小到某个分辨率（如320宽度）以下，我不希望任何进一步的CSS布局更改生效。基本上布局是320，我不想再进一步改变它，它应该只保持320视图。

我是否会使用固定宽度和媒体查询？

Answer 1

是的，media query正是为了实现这一目的。具体做法是：

<style>
  @media (max-width: 320px) {
    body {
      width: 320px;
    }
  }
</style>

这是一个demo