CSS だけで Web ページを比例的に拡大縮小できますか?

CSS を使用して Web ページを比例的に拡大縮小する

ブラウザでの Web ページの拡大は、キーの組み合わせまたはブラウザ固有の方法を使用して実行できます。たとえば、Firefox では、CTRL を押すと、ページ全体が比例して拡大縮小されます。この質問は、「CSS のみを使用して同様の機能を実現する方法はありますか?」

その答えは CSS の zoom プロパティにあります。 IE 5.5、Opera、Safari 4、Chrome などのブラウザでサポートされている zoom は、Web ページを比例的に拡大縮小するためのソリューションを提供します。ただし、Firefox は zoom をサポートしていません。

Firefox の代替として、Firefox 3.5 の独自の -moz-transform プロパティを使用できます。このスケーリングを実装する可能な CSS コードは次のとおりです:

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

以上がCSS だけで Web ページを比例的に拡大縮小できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。