地図のようなツールとしては、ブラウザのズーム機能を無効にする。(これは一般的には悪い考えだとはわかっていますが、特定の Web サイトでは必要です)。
キーボードショートカットCTRL +/を聞いて、 などをCTRL -追加することで成功しました。e.preventDefault()ただし、ブラウザのズーム メニューからズームを変更することはできなくなります。
私は試した：
CSS付き：
zoom: reset;Chromeで動作します（実際の例はこのページをご覧ください) ですが、Firefox ではまったく動作しません。さまざまな質問/回答で、私はまた
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">ただし、これはモバイルでのみ機能するようです。
ブラウザ間でのズームを防ぐにはどうすればいいですか?
ベストアンサー1
ブラウザ開発者からの明確な声明を意味する「権威ある」回答は、実際には見つけられませんでした。しかし、私が見つけた同様の質問に対する回答（例えばこれですまたはそれです) も同じことを示唆しています。ブラウザのズーム機能はユーザーの便宜のために存在しており、一部のブラウザ (Firefox など) では、Web サイトの作成者がこのオプションをユーザーから取り除くことはできません。
このドキュメント著者がズームを無効にできるようにするのが、モバイル デバイスでは良いアイデアであるのに、デスクトップではそうではない理由が明らかになるかもしれません。
つまり、モバイル デバイスによる自動ズームが不適切であることがわかっている場合は、モバイル デバイスが最初に Web サイトを自動ズームしないようにする必要がある可能性があります。デスクトップでは自動ズームがないため、ユーザーが Web サイトにアクセスすると、意図したとおりに正確に表示されます。その後、ユーザーがページを拡大する必要があると判断した場合、それを妨げる正当な理由はありません。
あなたが挙げた解決策について:
zoom非標準プロパティですFirefoxではサポートされていません、 そして<meta name="viewport">対象となるのは、レイアウトビューポートそして視覚ビューポートは同じことではないつまり、モバイルデバイスです。