javascript - 画面解像度を検出して比較する

Question

1 ページの CSS シートに問題があるため、800 ピクセル以下の幅の画面解像度を検出することを考えていたので、CSS コードは次のようになります。

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

しかし、幅が 800 ピクセルを超えると、CSS コードが

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

だから誰もがそのコードがそれを行うjsコードを知っています!! 私は幅の検出のみを気にし、高さを検出する必要もありません。私はこれを行う多くのjsコードを検索しましたが、これらのcssコードのいずれかをページに渡すという正確な機能を実行するために使用できませんでした.

score 2 · Accepted Answer

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

1 に答える 1