Dots Per Inch

CSS Feature: min-resolution

Using a CSS media query to work out the DPI

Detected as:


Feature: Element.requestFullscreen()

Detected as:

Feature: sniff from height

Detected as: ?not fullscreen

Live window

Feature: window.innerHeight/Width

Detected as:


Mobile-ish media queries

Feature: media queries - looking for a 👍. All queries also looking for pointer: coarse

MQ #combined

MQ #combined-updated

MQ #simple (max-device-width: 300px)

MQ #1 (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 300px)

MQ #2 (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 600px)

MQ #3 (-webkit-min-device-pixel-ratio: 2.5) and (max-device-width: 900px)

MQ #4 (-webkit-min-device-pixel-ratio: 3.5) and (max-device-width: 1200px)

Orientation Lock

Feature: screen.orientation.lock()

Detected as: checking...

Screen Data

Feature: window.screen

Note that screen dimensions are static and not viewport based.

Detected as:


Sensor media queries

CSS Feature: pointer, hover

pointer: none
pointer: fine
pointer: coarse
any-pointer: none
any-pointer: fine
any-pointer: coarse
hover: none
hover: hover
any-hover: none
any-hover: hover

User Agent

Detected as: