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

Question

If the user reduces the browser window below a certain resolution, say 320 width, I dont want any further css layout changes to take effect. Basically what ever the layout is at 320, I don't want to change this any further, it should just hold the 320 view.

Would I use a fixed width with a media query?

Answer 1

Yes a media query is exactly what would fulfill this purpose. Specifically:

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

And here is a demo