このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Screen: width プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

Screen.width は読み取り専用のプロパティで、画面の幅を CSS ピクセル単位で返します。

数値です。

js
// 画面が 1024x768 以上であることを調べる大雑把な方法
if (window.screen.width >= 1024 && window.screen.height >= 768) {
  // 解像度が 1024x768 以上
}

メモ

このプロパティによって与えられた幅のすべてがウィンドウ自体に利用できるとは限らないことに注意してください。他のウィジェットが window オブジェクトで使用できない空間を占有している場合は、 window.screen.widthwindow.screen.availWidth に違いがあります。 screen.height も参照してください。

仕様書

仕様書
CSSOM View Module
# dom-screen-width

ブラウザーの互換性