Wie kann ich nach dem Laden der Seite alle Schriftgrößen auf einer Seite erhöhen?

8

Gibt es eine Möglichkeit, JavaScript oder jQuery zu verwenden, um alle Schriftgrößen auf der Seite nach dem Laden der Seite um einen bestimmten Prozentsatz zu erhöhen?

    
d-_-b 08.04.2013, 01:42
quelle

5 Antworten

8

Würde das Zoomen der gesamten Seite den gewünschten Effekt haben? (Ein bisschen anders, dass nur die Schriftgrößen erhöhen).

Die Eigenschaft CSS zoom wird von IE 5.5+, Opera und Safari 4 und unterstützt Chrome Für Firefox können Sie -moz-transform: scale(2) verwenden. Um die gesamte Seite zu vergrößern:

%Vor%     
dwarring 08.04.2013, 01:56
quelle
18

Die Zoom-Eigenschaft wirkt sich auf alle anderen Eigenschaften wie Dimensionen aus. Und es wird auch nicht in allen Browsern unterstützt. Der beste Weg ist es, mit einigen jQuery-Code wie folgt zu reduzieren

%Vor%     
Umer Farook 26.06.2014 04:48
quelle
6

Haben Sie versucht, das CSS für die Schriftgröße des body-Elements zu ändern?

%Vor%     
Andy Jones 08.04.2013 01:45
quelle
4

Eine andere Methode besteht darin, Ihre Schriftgrößen in ems anzugeben. Und dann legen Sie die Schriftgröße des Körpers beim Laden der Seite entweder explizit oder prozentual fest. Ich habe diese Methode hier illustriert - Ссылка - welche die folgende jQuery verwendet

%Vor%

und Beispiel css

%Vor%

Dies erreicht den gewünschten Effekt, indem Sie die Grundschriftgröße einstellen. Alle anderen Seitenelemente haben bereits relative Schriftgrößen basierend auf dem body-Tag, wenn Sie ems verwenden. Andy Jones Methode macht genau das, was du fragst.

    
lukeocom 08.04.2013 03:09
quelle
1

Ich musste eine Seite erstellen, auf der alles neu skaliert werden musste und die Proportionen beibehalten wurden (interaktive Buchseite in Adobe Edge Animate). Dies ist die Funktion, die ich verwendet habe, als das Dokument fertig war und seine Größe geändert wurde.

%Vor%     
eblue 25.06.2013 12:46
quelle

Tags und Links