Initial Screen&Window Dimensions & MediaQueries
For ALL browsers (uses every possible permutation of variable names)
this browser: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
Viewport constrained to device width and density -- see also with unconstrained "viewport"

SCREEN
screen.-

screen.height*width: 720*1280
screen.innerHeight*innerWidth: undefined*undefined
screen.outerHeight*outerWidth: undefined*undefined
screen.clientHeight*clientWidth: undefined*undefined
screen.offsetHeight*offsetWidth: undefined*undefined
screen.scrollY*scrollX: undefined*undefined
screen.pageYOffset*pageXOffset: undefined*undefined
screen.scrollTop*scrollLeft: undefined*undefined
screen.deviceYDPI*deviceXDPI: undefined*undefined

WINDOW
window.-

window.height*width: undefined*undefined
window.innerHeight*innerWidth: 720*1280
window.outerHeight*outerWidth: 720*1280
window.clientHeight*clientWidth: undefined*undefined
window.offsetHeight*offsetWidth: undefined*undefined
window.scrollY*scrollX: 0*0
window.pageYOffset*pageXOffset: 0*0
window.scrollTop*scrollLeft: undefined*undefined
window.deviceYDPI*deviceXDPI: undefined*undefined

BODY
document.body.-

<body>.height*width: undefined*undefined
<body>.innerHeight*innerWidth: undefined*undefined
<body>.outerHeight*outerWidth: undefined*undefined
<body>.clientHeight*clientWidth: 190*1280
<body>.offsetHeight*offsetWidth: 190*1280
<body>.scrollY*scrollX: undefined*undefined
<body>.pageYOffset*pageXOffset: undefined*undefined
<body>.scrollTop*scrollLeft: 0*0
<body>.deviceYDPI*deviceXDPI: undefined*undefined

DOCUMENT
document.documentElement.-

<document>.height*width: undefined*undefined
<document>.innerHeight*innerWidth: undefined*undefined
<document>.outerHeight*outerWidth: undefined*undefined
<document>.clientHeight*clientWidth: 720*1280
<document>.offsetHeight*offsetWidth: 1132*1280
<document>.scrollY*scrollX: undefined*undefined
<document>.pageYOffset*pageXOffset: undefined*undefined
<document>.scrollTop*scrollLeft: 0*0
<document>.deviceYDPI*deviceXDPI: undefined*undefined

MEDIA QUERIES

According to initial CSS Media Queries, screen width was 13-14 CSS inches.
According to initial CSS Media Queries, view width was 13-14 CSS inches.
According to initial CSS Media Queries, screen aspect ratio was 16/9-17/9
According to initial CSS Media Queries, view aspect ratio was 16/9-17/9
According to initial CSS Media Queries, orientation was landscape
According to initial CSS Media Queries, resolution (dpi) was 91-100 dpi
According to initial CSS Media Queries, resolution (dppx) was 1.00-1.25dppx
CSS Media Queries for -webkit-min/max-device-pixel-ratio don't seem to be supported
CSS Media Queries for min/max--moz-device-pixel-ratio don't seem to be supported
CSS Media Queries for -o-min/max-device-pixel-ratio don't seem to be supported

DENSITY METRIC

Javascript variable window.devicePixelRatio: 1
(over)calculated from Media Queries 94.815 Pixels Per CSS Inch
probably the browser is really using 96 PPI for conversions
 that's 100% based on 96
 (or 60% based on 160)
 assuming that conversion, screen width is 13.3 CSS inches
calculated by (bogus) set-inches-read-pixels method PPI is: 96

ORIENTATION

Javascript variable orientation: undefined


Related Links

Web Browser Page-Level Events in Javascript

Web Browser UI Events in Javascript

Web Device Display Dimensions- no Meta Viewport

CSS Media Queries - Alternative

Context Links

Other pages about fiddling with computers

Website "home"

To maximize correctness across the widest possible variety of hardware and software, this display presents the values as they were at the time of initial page load. After any change (for example rotating the device), the old values will continue to be presented. To see new values, manually reload this page.