Hallo BerlinerTourGuide,

wenn ich das in em tue, dann würde ich auf die obskure basisgröße des browsers bezugnehmen...

das ist nicht schlimm, du musst es nur bei weiteren Festlegungen berücksichtigen.

die kann ich nicht allgemeingültig und gleich voraussetzen. müsste also, wenn eine website pixelgenau gelayoutet sein soll, sämtliche browser abfragen und dafür eigene style-sheets schaffen.

Es ist nicht sinnvoll, pixelgenaue Layouts haben zu wollen. Gib die Größen in em (oder rem oder %) an und lass den Browser die Seite darstellen.

Genau, und nicht nur die Schriftgröße de Textauszeichnung wie h1, h2, und p in em, sondern auch die Boxen, die du verwendest.

z. folgender Code (oben auf </> Quelltext klicken)

aside {
  min-width: 20em;
  width: 33%;
}

So bleibt deine Sidebar immer so groß, dass der darin enthaltene Inhalt auch bei der (vom Nutzer mit strg++) vergrößerten Schrift immer in die Box passt.

Auch media queries sollte ihre breakpoints in em haben.

Herzliche Grüße

(der andere) Matthias