prozentuale Schriftgröße
TG
- css
0 Klawischnigg0 TG0 Ingo Turski0 TG0 Ingo Turski0 TG
Hallo.
Indem ich meine div-Elemente relativ und mit Prozentangaben auszeichne, werden sie ja an die Größe des Browserfensters angepasst.
Wie kann ich aber auch die Schriftgrößen prozentual im Verhältnis zur Fenstergröße angeben (denn mit Prozentangaben bei font-size richtet sich die Größe ja nur nach der Schriftgröße des Elternelements!) ?
Denn es schaut ja auch nicht schön aus, wenn sich bei kleinen Fenstern zwar alle Elemente (Boxen, Bilder usw.) anpassen und einzig die Schriften gleich groß bleiben und deshalb überdimensioniert wirken.
Gibt es da eine Möglichkeit, die Schriften auch automatisch zu verkleinern?
Hi there,
Gibt es da eine Möglichkeit, die Schriften auch automatisch zu verkleinern?
Ja, mit Javascript. Du verwendest einen Eventhandler, der eine Größenänderung des Browserfensters abfragt und startest damit ein Javascript, das zunächst die aktuale Fenstergröße feststellt und dann die Größe der entsprechenden Fonts ändert.
Ist nicht wirklich trivial, vor allem nicht die Herumrechnerei, ist eigentlich auch nicht wirklich sinnvoll, aber ich hab so etwas einmal zu demozwecken benötigt; unter:
http://www.verkrampfdi.net/schrott/
kannst Du Dir eine q&d-"Lösung" betrachten, wenn Du das Fenster öffnest...
Ja, mit Javascript.
Danke für die Antwort, aber mit JavaScript möchte ich das eigentlich nicht machen. Dann funktioniert das wieder nicht bei allen usw.
Naja, dann muss ichs eben so machen wie bisher...
Hi,
Naja, dann muss ichs eben so machen wie bisher...
nein. Wenn Du die Boxgrößen in em angibst, passen auch die Schriftgrößen in em dazu. Und um das Browserfenster für den Inhalt auszunutzen, kannst Du hierfür auf die Angabe einer Breite verzichten.
freundliche Grüße
Ingo
nein. Wenn Du die Boxgrößen in em angibst, passen auch die Schriftgrößen in em dazu. Und um das Browserfenster für den Inhalt auszunutzen, kannst Du hierfür auf die Angabe einer Breite verzichten.
Da hab ich aber gerade unter http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische was anderes gelesen:
em: "Steht für bezogen auf die Schriftgröße des Elements. Ausnahme: wenn die font-size-Eigenschaft (also die Schriftgröße) selbst mit dieser Maßangabe gesetzt wird, steht diese für bezogen auf die Schriftgröße des Elternelements."
Hi,
Da hab ich aber gerade unter http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische was anderes gelesen:
nein - nur falsch bzw. unvollständig verstanden. Sieh' Dir mal meine in der Signatur verlinkte Seite hierzu an...
freundliche Grüße
Ingo
nein - nur falsch bzw. unvollständig verstanden. Sieh' Dir mal meine in der Signatur verlinkte Seite hierzu an...
Ok, hast recht. Der Link hats mir jetzt klar gemacht ;-)
Vielen Dank - das war genau das,w as ich gesucht habe.