Media Queries

CSS link

CSS @

JS

Beschreibung

Ausrichtung des Viewports

senkrecht

senkrecht

senkrecht

(orientation: portrait)

waagerecht

waagerecht

waagerecht

(orientation: landscape)

!waagerecht

!waagerecht

!waagerecht

not screen and (orientation: portrait)

!senkrecht

!senkrecht

!senkrecht

not screen and (orientation: landscape)

Höhe des Viewports

< 400px

< 400px

< 400px

(max-height: 399px)

< 1000px

< 1000px

< 1000px

(min-height: 400px) and (max-height: 999px)

>= 1000px

>= 1000px

>= 1000px

(min-height: 1000px)

Breite des Viewports

< 400px

< 400px

< 400px

(max-width: 399px)

< 1000px

< 1000px

< 1000px

(min-width: 400px) and (max-width: 999px)

>= 1000px

>= 1000px

>= 1000px

(min-width: 1000px)

Widergabemedium

screen

screen

screen

screen

print

print

print

print

handheld

handheld

handheld

handheld deprecated

Pixeldichte des Widergabemediums

<= 1dppx

<= 1dppx

<= 1dppx

(max-resolution: 1dppx)

<= 1.5dppx

<= 1.5dppx

<= 1.5dppx

(min-resolution: 1.1dppx) and (max-resolution: 1.5dppx)

<= 2dppx

<= 2dppx

<= 2dppx

(min-resolution: 1.6dppx) and (max-resolution: 2dppx)

> 2dppx

> 2dppx

> 2dppx

(min-resolution: 2.1dppx)

< 90dpi

< 90dpi

< 90dpi

(max-resolution: 89dpi)

< 100dpi

< 100dpi

< 100dpi

(min-resolution: 90dpi) and (max-resolution: 99dpi)

< 250dpi

< 250dpi

< 250dpi

(min-resolution: 100dpi) and (max-resolution: 249dpi)

< 350dpi

< 350dpi

< 350dpi

(min-resolution: 250dpi) and (max-resolution: 349dpi)

< 450dpi

< 450dpi

< 450dpi

(min-resolution: 350dpi) and (max-resolution: 449dpi)

>= 450dpi

>= 450dpi

>= 450dpi

(min-resolution: 450dpi)

< 90ppi

< 90ppi

< 90ppi

(max-resolution: 89ppi)

< 100ppi

< 100ppi

< 100ppi

(min-resolution: 90ppi) and (max-resolution: 99ppi)

< 250ppi

< 250ppi

< 250ppi

(min-resolution: 100ppi) and (max-resolution: 249ppi)

< 350ppi

< 350ppi

< 350ppi

(min-resolution: 250ppi) and (max-resolution: 349ppi)

< 450ppi

< 450ppi

< 450ppi

(min-resolution: 350ppi) and (max-resolution: 449ppi)

>= 450ppi

>= 450ppi

>= 450ppi

(min-resolution: 450ppi)

Ausgabeformat des Widergabemediums

Bezieht sich auf die absolute Anzeige (bspw. Monitorformat)

3/5 (0,60)

3/5 (0,60)

3/5 (0,60)

(device-aspect-ratio: 3/5)

4/5 (0,80)

4/5 (0,80)

4/5 (0,80)

(device-aspect-ratio: 4/5)

5/4 (1,25)

5/4 (1,25)

5/4 (1,25)

 (device-aspect-ratio: 5/4)

3/2 (1,50)

3/2 (1,50)

3/2 (1,50)

(device-aspect-ratio: 3/2)

16/10 (1,60)

16/10 (1,60)

16/10 (1,60)

(device-aspect-ratio: 16/10)

16/9 (1,77)

16/9 (1,77)

16/9 (1,77)

(device-aspect-ratio: 16/9)

<= 5/4

<= 5/4

<= 5/4

(max-device-aspect-ratio: 5/4)

<= 16/9

<= 16/9

<= 16/9

(min-device-aspect-ratio: 3/2) and (max-device-aspect-ratio: 16/9)

Hoverfähiges Eingabegerät

Media Queries Level 4, Working Draft

hover

hover

hover

(hover: hover) primäres Eingabegerät

nicht hover

nicht hover

nicht hover

(hover: none) primäres Eingabegerät

hover

hover

hover

(any-hover: hover)

nicht hover

nicht hover

nicht hover

(any-hover: none)

Genauigkeit des Eingabegerätes

Media Queries Level 4, Working Draft

grob

grob

grob

(pointer: coarse) primäres Eingabegerät

fein

fein

fein

(pointer: fine) primäres Eingabegerät

nichts

nichts

nichts

(pointer: none) primäres Eingabegerät

grob

grob

grob

(any-pointer: coarse)

fein

fein

fein

(any-pointer: fine)

nichts

nichts

nichts

(any-pointer: none)



Datum: ;
User-Agent:
window.outerWidth: ; window.innerWidth: ; document.body.clientWidth: ;
window.outerHeight: ; window.innerHeight: ; document.body.clientHeight: ;