html - 在特定分辨率后停止 CSS 样式更改 - 媒体查询？

Question

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

我会在媒体查询中使用固定宽度吗？

Answer 1

是的，媒体查询正是可以实现这一目的的。具体来说：

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

这是一个演示