Hallo,
Ich habe einige Webseiten. Ich möchte, dass der Benutzer auf ein Bild klickt und die Schriftgröße des gesamten Inhalts auf der Seite erhöht wird. Ist das möglich? Wenn das so ist, wie?
Ich weiß, dass die Browser Optionen in ihnen haben. Grundsätzlich möchte ich einen Weg, dies auf der Seite selbst zu tun.
Danke.
Drei Dinge, um das zu erreichen:
Geben Sie die Gesamtschriftgröße im <body>
-Tag an. Zum Beispiel:
Verwenden Sie keine Pixel zur Angabe der Schriftgröße an anderer Stelle im Dokument.
%Vor%Fügen Sie diesem Bild einen Event-Handler hinzu, um die Schriftgröße entsprechend anzupassen. Verwenden von jQuery, zum Beispiel:
%Vor%Fertig.
Wenn Sie die Schriftgröße eines übergeordneten Elements wie <body>
erhöhen, wird diese [geänderte] Größe von ihren untergeordneten Elementen übernommen (vorausgesetzt, dass andere CSS-Regeln für diese Elemente diese Größe nicht mit einem überschreiben) absoluter Wert, der auch die vom Benutzer geänderte Schriftgröße in seinem Browser durcheinander gebracht hätte).
Dieser Artikel (zum Beispiel) sagt, dass er beschreibt, wie man CSS-Werte programmatisch ändert. p>
Ich würde sagen, dass Sie css wechseln könnten.
Legen Sie alle Schriftgrößen in einer separaten CSS-Datei ab. Dann duplizieren Sie diese Datei und ändern Sie die Schriftgrößen. Dann verwenden Sie ein Stück js-Skript, um CSS-Dateien zu wechseln.
Es gibt viele Tutorials, die alles darüber erklären. Hier ist einer .
Tags und Links css