ブラウザのズーム レベルをプログラムで制御できますか?

ブラウザのズーム レベルの変更 - 可能ですか?

多くの Web 開発者は、ブラウザのズーム レベルをプログラムで操作したいと考えています。このリクエストは、CSS ズームの欠点、特に画像の歪みとレイアウトの問題に起因しています。

ブラウザのズーム レベルを変更することが可能かどうかは議論の的ですが、実際には特定のブラウザでそれを実現する方法があります。

Internet Explorer および Chrome での実装

Internet Explorer および Chrome はプログラムによって提供されますブラウザのズームを制御します。次の JavaScript コードは、これらのブラウザでズーム機能を実装する方法を示しています。

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

document.body.style.zoom プロパティに値 (例: "80%") を割り当てることで、ページ全体のズームレベル。ズーム コントロールを実装するには、この関数を呼び出すボタンを作成できます。

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

Firefox の制限

残念ながら、Firefox は現在、ブラウザのズームに対するプログラムによる制御をサポートしていません。レベル。この欠落は多数の報告によって確認されています。

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