Browser.Link

CSS Feature: min-resolution

Using a CSS media query to work out the DPI

Detected as:

test feature

Feature: Element.requestFullscreen()

Detected as:

Feature: sniff from height

Detected as: ?not fullscreen

Feature: window.innerHeight/Width

Detected as:

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)

Feature: screen.orientation.lock()

Detected as: checking...

Lock Unlock

Feature: window.screen

Note that screen dimensions are static and not viewport based.

Detected as:

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
    

Detected as: