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

View in English Always switch to English

Screen: width プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨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 も参照してください。

仕様書

Specification
CSSOM View Module
# dom-screen-width

ブラウザーの互換性