Was passiert hier?
Bei einer Viewport-Höhe von mehr als 400 Pixeln wird die Zeilenhöhe der unten
folgenden Container mit der Klasse "box" auf 200% erhöht, dadrunter
bleibt sie (wie in den Style Sheets vorgegeben) auf 100%.
Ausgeführt wird dieser Vorgang beim Laden des Dokuments, also muss man ggf.
den Reload-Button anklicken: Beim Ändern der Fenstergröße passiert erstmal gar nichts…
Weit hinten, hinter den Wortbergen, fernab der Länder
Vokalien und Konsonantien leben die Blindtexte.
Abgeschieden wohnen Sie in dem schönen Städtchen
Buchstabhausen an der Küste des Semantik, eines grossen
Sprachozeans. Ein kleines Bächlein namens Duden fliesst
durch ihren Ort und versorgt sie mit den nötigen
Regelialien. Es ist ein paradiesmatisches Land, in dem
einem gebratene Satzteile in den Mund fliegen. Nicht einmal
von der allmächtigen Interpunktion werden die Blindtexte
beherrscht - ein geradezu unorthographisches Leben. Eines
Tages aber beschloss eine kleine Zeile Blindtext, ihr Name
war Lorem Ipsum, hinaus zu gehen in die weite Grammatik.
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
.murobal tse di mina tillom tnuresed aiciffo iuq apluc ni
tnus ,tnediorp non tatadipuc taceacco tnis ruetpecxE
.rutairap allun taiguf ue erolod mullic esse tilev
etatpulov ni tiredneherper ni rolod eruri etua siuD
.tauqesnoc odommoc ae xe piuqila tu isin sirobal ocmallu
noitaticrexe durtson siuq ,mainev minim da mine tU .auqila
angam erolod te erobal tu tnudidicni ropmet domsuie od des
,tile gnicisipida rutetcesnoc ,tema tis rolod muspi meroL