blob: bbe35b478436d8894c8a012f26fa7d50f94c35b2 [file] [log] [blame]
<style>
div { display: none; }
@media (display-mode) {
.display-mode-null { display: inline; }
}
@media (display-mode: browser) {
.display-mode-browser { display: inline; }
}
@media (display-mode: minimal-ui) {
.display-mode-minimal-ui { display: inline; }
}
@media (display-mode: standalone) {
.display-mode-standalone { display: inline; }
}
@media (display-mode: fullscreen) {
.display-mode-fullscreen { display: inline; }
}
@media (display-mode: invalid-value) {
.display-mode-invalid-value { display: inline; }
}
</style>
<div class="display-mode-null">(display-mode)</div>
<div class="display-mode-browser">(display-mode: browser)</div>
<div class="display-mode-minimal-ui">(display-mode: minimal-ui)</div>
<div class="display-mode-standalone">(display-mode: standalone)</div>
<div class="display-mode-fullscreen">(display-mode: fullscreen)</div>
<div class="display-mode-invalid-value">(display-mode: invalid-value)</div>