Layout und Zoom

Folgende Beispiel unterscheiden sich nur darin, wie die Breite der umgebenden Box definiert ist:

Fixe Breite, absolutes Mass (px)

width: 700px;

Lorem ipsum dolor sit ämet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Fixe Breite, relatives Mass (em)

width: 43em;

Lorem ipsum dolor sit ämet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Flexible Breite

max-width: 700px;

Lorem ipsum dolor sit ämet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Vergössern:
Zoom zurück setzen:

Ausprobieren:

  1. Schrift-Grösse variieren mit Schaltflächen
  2. Fensterbreite des Browsers variieren
  3. Browser-Zoom variieren