Anpassen der Schriftgrösse auf Seitengrösse

Hallo!
Zunächst mal zu meinem Kenntnisstand: habe eine eigene Seite mit html / CSS gemacht. Bin allerdings (und das möchte ich hier betonen) alles andere als ein Fachmann. Daher bitte ich, sofern möglich, um eine sehr ausführliche und beinahe „idiotensichere“ Antwort…:wink:
Wenn ich bei meiner Seite beispielsweise die Browserfenstergrösse ändere, stimmt das ganze Layout nicht mehr. Jetzt habe ich angefangen, beispielsweise die Bildgrösse in Prozent anzugeben. Das passt auch soweit. wenn ich aber nun beispielsweise die Schriftgrösse so anpassen will, dass die Schriftgröße mit kleiner werdendem Fenster auch kleiner wird, dann funktioniert das garnicht:
Beispielsweise durch
[HTML]
h2 { font-size:180%;
font familiy: batang, verdana, sans-serif;
color: #1C1C1C;
font-style: italic;
text-align: center;
margin-top: 1%;
margin-left: 20%;
margin-right: 20%;
background-image:url(bild.gif);
}

[/HTML]

Wie geht man bei sowas hier vor? Wäre dankbar um jeden Ratschlag, nach Möglichkeit Beispiele mit idiotensicherem Quelltext… Vielen Dank für Eure Unterstützung!

Optimaler Weise gibt man Schriftgrößen in em an, Fließtext sollte immer 1em haben, denn das ist die Schriftgröße, die sich der Besucher in seinem Browser eingestellt hat. Die Schriftgröße an die Seitengröße anzupassen ist äußerst schlecht, da der Text dann bei sehr kleinem Viewport nicht mehr zu lesen ist und bei einem sehr großen Viewport zu groß wird.

da war einer schneller :smiley: