Matthias Apsel: media queries in respnsive web design

Beitrag lesen

Om nah hoo pez nyeetz, Ralph!

die min-/max-device-width in media-queries ist also für die Realisierung von Anwendungen irrelevant?

Da ist wohl auch unser Wiki noch fehlerhaft ...

vereinfacht: device-width - Bildschirmbreite, width - viewport-Breite

Du könntest beispielsweise über @media (device-width: 320px) ein IPhone5 im Portrait-Modus* erkennen**, falls dieses ein anderes Layout als ein schmales Browserfenster bekommen soll.

* auf diese media query können auch andere Geräte ansprechen
** Smartphones lassen sich sicherer über device-pixel-ratio erkennen

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Pol und Pole.