Hallo,
ganz zufällig habe ich mich viel damit die letzten Tage beschäftigt. Erst mal zur Lösung: vw wurde schon gesagt, besser klappts noch(für mich zumindest) mit vmin
body{
font-size: 12px; /* Browser die V-Werte nicht verstehen.*/
font-size: 3vmin;
}
Auch der zusätzlich Hinweis mit media queries wurde schon gegeben. Nicht unbedingt notwendig aber als Feinschliff ganz gut. Beispiel:
@media screen and (max-width: 820px)
{
body{font-size:4vmin;}
}
Noch ein hilfreicher Link: *englisch https://css-tricks.com/viewport-sized-typography/
Nun zum Wesentlichen: Ja es geht und für meine Ansprüche auch wie gewollt. Aber bei der Nutzung es gibt einiges zu bedenken:
-
-Viele Handys/Tablets und deren Browser bringen mittlerweile schon von Haus aus Tools mit, die eine seperate Textsteuerung ermöglichen, leider auch einige automatisch(die dadurch nicht genau vorhersehbar sind).
-
-Die Zoomfunktion des Browsers hat keine Wirkung mehr auf die Größe der Texte.
- +Immer proportional wie gewollt auf dem Bildschirm egal ob Handy oder 100zoll Riesen-TV.
Gruss
Henry