Screen.width
The Screen.width
read-only property returns the width of
the screen in CSS pixels.
Syntax
lWidth = window.screen.width
Example
// Crude way to check that the screen is at least 1024x768
if (window.screen.width >= 1024 && window.screen.height >= 768) {
// Resolution is 1024x768 or above
}
Notes
Note that not all of the width given by this property may be available to the window
itself. When other widgets occupy space that cannot be used by the window
object, there is a difference in window.screen.width
and
window.screen.availWidth
. See also screen.height
.
Internet Explorer will take into account the zoom setting when reporting the screen width. It will only return the real width of the screen if the zoom is set to 100%.
Specifications
Specification |
---|
CSSOM View Module # dom-screen-width |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
width | ChromeFull support1 | EdgeFull support12 | FirefoxFull support1 | Internet ExplorerFull support4 | OperaFull support12.1 | SafariFull support1 | WebView AndroidFull support1 | Chrome AndroidFull support18 | Firefox for AndroidFull support4 | Opera AndroidFull support12.1 | Safari on iOSFull support1 | Samsung InternetFull support1.0 |
Legend
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.