檢測屏幕分辨率然后比較

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