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:
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%Haben Sie versucht, das CSS für die Schriftgröße des body-Elements zu ändern?
%Vor%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.
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%