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

Question

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

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

Answer 1

是media query正是什么可以实现这个目的。具体来说:

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

这是一个 demo