Ich muss auf meiner Website zwei Schaltflächen erstellen, die die Zoomstufe des Browsers (+) (-) ändern. Ich fordere Browser-Zoom und nicht CSS-Zoom wegen Bildgröße und Layout-Problemen an.
Nun, ist das überhaupt möglich? Ich habe widersprüchliche Berichte gehört.
javascript
browser
zoom
Jourkey
quelle
quelle
Antworten:
Ich würde sagen, in den meisten Browsern nicht möglich, zumindest nicht ohne einige zusätzliche Plugins. Und auf jeden Fall würde ich versuchen, mich nicht auf den Zoom des Browsers zu verlassen, da die Implementierungen variieren (einige Browser zoomen nur die Schriftarten, andere zoomen auch die Bilder usw.). Es sei denn, Sie interessieren sich nicht viel für die Benutzererfahrung.
Wenn Sie einen zuverlässigeren Zoom benötigen, sollten Sie die Seitenschriftarten und -bilder mit JavaScript und CSS oder möglicherweise auf der Serverseite zoomen. Die Probleme bei der Bild- und Layoutskalierung könnten auf diese Weise behoben werden. Dies erfordert natürlich etwas mehr Arbeit.
quelle
Möglich in IE und Chrome, obwohl es in Firefox nicht funktioniert:
quelle
Versuchen Sie, ob dies für Sie funktioniert. Dies funktioniert auf FF, IE8 + und Chrome. Der else-Teil gilt für Nicht-Firefox-Browser. Dadurch erhalten Sie zwar einen Zoomeffekt, der Zoomwert wird jedoch auf Browserebene nicht geändert.
quelle
transform: scale(..)
in allen Browsern einstellen können.MozTransform
existiert nicht einmal in aktuellen Versionen von Firefox.Sie können die CSS3-Zoomfunktion verwenden , aber ich habe sie noch nicht mit jQuery getestet. Werde es jetzt versuchen und dich wissen lassen. UPDATE: getestet, funktioniert, aber es macht Spaß
quelle
Ich konnte keine Möglichkeit finden, die tatsächliche Zoomstufe des Browsers zu ändern, aber Sie können mit CSS transform: scale () ziemlich nahe kommen. Hier ist meine Lösung basierend auf JavaScript und jQuery:
quelle
Als akzeptierte Antwort können Sie das fontSize css-Attribut des Elements in DOM nacheinander vergrößern. Der folgende Code dient als Referenz.
quelle
Im IE nicht möglich, da die Schaltfläche zum Zoomen der Benutzeroberfläche in der Statusleiste nicht skriptfähig ist. YMMV für andere Browser.
quelle
in Firefox ändert sich der Zoom nicht nur die Skala !!!
quelle