检测屏幕分辨率然后比较

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;
  }
}