css - 画像ごとに CSS を使用して Firefox の画像スケーリングを無効にすることはできますか?

Question

私の Web ページで、ズームインおよびズームアウト時に Firefox に画像を自動的に拡大縮小させたくない場合が 2 つあります。

特にこれらの画像でこの機能を回避し、残りの画像を Firefox で通常どおりズームすることはできますか (ユーザーが設定で設定した場合)?

Answer 1

ユーザーがズームを要求したときに、画像がズームされるのをマークしたり、防止したりする方法はありません。

window.onresizeを使用し、 Detecting Page Zoom in Firefox 3 (And Others) で説明されている手法の 1 つを使用してズーム量を検出できます。ズーム量がわかったら、固定サイズで残したい画像にそのパーセンテージ調整を適用できます。

全体はトランプの家です。JavaScript のみのソリューションは、ページが最初に読み込まれたときにズーム量を検出しないため、ズーム量を検出するためだけにページに Flash コンポーネントが必要になります。また、ズームの実際の効果は、ユーザーにとって耳障りです。画像のサイズ変更は、ユーザーのズーム設定よりわずかに遅れ、ページがリフローし、最初にズームインしようとしていたコンテンツが移動する可能性があります。