检测屏幕分辨率然后比较

Question

我的单页css表有问题，所以一直想要检测屏幕分辨率是否等于或小于800像素宽度它会使我的css代码

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

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

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

所以任何人都知道代码做的js代码!! 我只关心宽度检测，也不需要检测高度。 我已经搜索了大量的js代码这样做，但无法用它来完成将这些css代码传递到页面中的确切功能。

Answer 1

您可以使用CSS Media Queries

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