Können Website-Schaltflächen den Browser-Zoom steuern?

Browser-Zoomsteuerung über Schaltflächen

Frage:

Können Schaltflächen auf einer Website erstellt werden, um den Zoom des Browsers dynamisch anzupassen Stufe?

Antwort:

Ja, es ist möglich, die Browser-Zoomstufen über Schaltflächen in Internet Explorer und Chrome zu ändern. Diese Funktion ist jedoch in Firefox nicht verfügbar.

Implementierung:

Der folgende Codeausschnitt zeigt, wie Browser-Zoomsteuerungsschaltflächen mit JavaScript implementiert werden:

<script>
   function toggleZoomScreen() {
       document.body.style.zoom = "80%";
   }
</script>

<img src="example.jpg" alt="example" onclick="toggleZoomScreen()">

In diesem Beispiel wird eine Schaltfläche erstellt, indem ein Bild mit einem onclick-Attribut umschlossen wird, das die Funktion toggleZoomScreen() aufruft. Wenn auf die Schaltfläche geklickt wird, wendet die Funktion eine Zoomstufe von 80 % auf das Textelement der Webseite an und ändert so effektiv den Zoom des Browsers.

Das obige ist der detaillierte Inhalt vonKönnen Website-Schaltflächen den Browser-Zoom steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!