Web サイトのボタンでブラウザのズームを制御できますか?

ボタンによるブラウザのズーム制御

質問:

ブラウザのズームを動的に調整するボタンを Web サイト上に作成できますかレベル?

答え:

はい、Internet Explorer と Chrome のボタンを使用してブラウザのズーム レベルを変更できます。ただし、この機能は Firefox では使用できません。

実装:

次のコード スニペットは、JavaScript を使用してブラウザのズーム コントロール ボタンを実装する方法を示しています:

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

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

この例では、toggleZoomScreen() を呼び出す onclick 属性で画像をラップすることによってボタンが作成されます。 関数。ボタンをクリックすると、この関数は Web ページの本文要素に 80% のズーム レベルを適用し、ブラウザのズームを効果的に変更します。

以上がWeb サイトのボタンでブラウザのズームを制御できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。