media-Angaben aus Viewportgröße ermitteln

[Matthias Scharwies]

Servus!

Hallo,
durch Eure Hilfe kann ich jetzt ja die Viewportgröße ermitteln.
Jetzt möchte ich für verschiedene Viewportgrößen die media-Angabe min-width oder max-width definieren.

Bitte lies vorher dieses Tutorial:

• HTML/Tutorials/responsive_Webdesign/bestehende_Webseiten_umbauen

Gefühlsmäßig würde ich die Angabe in px machen.
Allerdings habe ich auch des öfteren die Angabe in em gefunden.
Was ist nun richtig bzw. besser?

Verwende keine Breitenangaben, die Breakpoints der media queries setzt du in em, da wo es umschalten soll.

• Vergessen_Sie_den_Begriff_Pixel!

Wie rechnet sich ggf. px um in em?

Ein em sind in den meisten Browsern 16px, aber das solltest du gleich vergessen!

Gruß Rolli

Herzliche Grüße

Matthias Scharwies