Human Injection Laboratories

CSS Media Queries Test Cases

Feature Support Detection

@supports

@supports (display: block)

Not

@supports not (display: unspezified)

Manifest for a web application

Fullscreen Display Mode

@media all and (display-mode: fullscreen)

Standalone Display Mode

@media all and (display-mode: standalone)

Minimal UI Display Mode

@media all and (display-mode: minimal-ui)

Browser Display Mode

@media all and (display-mode: browser)

CSS Round Display

Rectangular Display

@media all and (device-radius: 0%)

Round Display

@media all and (device-radius: 50%)