Tests of Screen Orientation CSS and API

Outputs from CSS and JavaScript queries related to viewport, browser, and device sizes and orientations, along with some tests of the screen orientation locking API.

CSS Orientation Media Query

Orientation of browser window is:

Orientation API Output and Locking

The browser API reports orientation is:
Browser support for the screen orientation API.

Set fullscreen before attempting to lock orientation:
Lock Orientation
Orientation locked to: …
Browser support for the screen orientation lock API.

Browser Dimensions

Viewport width (Element.clientWidth):
Browser window width, including scrollbar (Window.innerWidth):
Browser window width, including browser chrome (Window.outerWidth):
Viewport height (Element.clientHeight):
Browser window height, including scrollbar (Window.innerHeight):
Browser window height, including browser chrome (Window.outerHeight):