CSS だけでキーボード ショートカットによる Web ページのスケーリングを複製できますか?

CSS を使用した Web ページの拡大縮小の複製

キーボード ショートカットによる Web ページの拡大は、視認性を高めるための便利な機能です。しかし、CSS のみを使用して同じ効果を実現することは可能ですか?

CSS ソリューション

幸いなことに、「zoom」として知られる CSS プロパティが存在します。フォントや画像を含む Web ページ全体を均一に拡大縮小します。残念ながら、このプロパティはすべての主要なブラウザ、特に Firefox ではサポートされていません。

Firefox の代替

Firefox で「zoom」がサポートされていないことを回避するには、「-moz」 -transform」プロパティは、Firefox 3.5 以降で使用できます。この独自のプロパティは、Web ページをスケーリングするための次の CSS コードを提供します:

div.zoomed { 
    -moz-transform: scale(3); 
    -moz-transform-origin: 0 0;
} 

以上がCSS だけでキーボード ショートカットによる Web ページのスケーリングを複製できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。