さて、私が知っている2つのズーム方法を試しました。
zoom:2;
と...
transform:scale(2);
ただし、それらは (ある程度は) 機能しますが、大きな欠陥が 1 つあります。JavaScript のマウス イベントが ---- されます。
ページがスケーリングされていないかのように、マウス座標を取得する方法がわかりません。
body{width:50%}さらに、巨大な水平スクロールにならないように追加する必要があります。
一方、ネイティブ ブラウザのズームを使用してページをズームすると、結果は完璧です。すべてが正しく表示され、マウス イベントは正常に機能し、ボディは実際の幅を維持します。
この自然なブラウザー ズームを CSS で動作させる方法はありますか? そうでない場合、マウス座標が正しく「スケーリング」されるようにするには、どのような JavaScript を使用すればよいですか?