javascript - 检测屏幕分辨率然后比较

Question

我的一页 css 表有问题，所以一直在考虑检测屏幕分辨率是否等于或小于 800 像素宽度，这将使我的 css 代码为

<style>
body {width:1004px;}
</style>

但如果它大于 800 像素宽度，它会使我的 css 代码是

<style>
body {width:100%;}
</style>

所以任何人都知道 js 代码，代码做到了！我只关心宽度检测，也不需要检测高度。我已经搜索了很多执行此操作的 js 代码，但无法用于执行将这些 css 代码中的任何一个传递到页面中的确切功能。

Answer 1

您可以使用CSS 媒体查询

body {
  width:100%;
}
@media all and (max-width: 800px) {
  body {
    width:1004px;
  }
}