CSS ズーム
- 非標準コンテンツを拡大縮小する非標準の方法です。
Chrome
- 4 - 123: サポート済み
- 124: サポート済み
- 125 - 127: サポート済み
Edge
- 12 - 123: サポート済み
- 124: サポート済み
Safari
- 3.1 - 3.2: サポートされていません
- 4 - 17.3: サポート済み
- 17.4: サポート済み
- 17.5 - TP: サポート済み
Firefox
- 2 - 124: サポートされていません
- 125: サポートされていません
- 126 - 128: サポートされていません
Opera
- 9 - 12.1: サポートされていません
- 15 - 108: サポート済み
- 109: サポート済み
IE
- 5.5 - 7: サポート済み
- 8 - 10: サポート済み
- 11: サポート済み
Android版 Chrome
- 124: サポート済み
iOS版 Safari
- 3.2: サポートされていません
- 4 - 17.3: サポート済み
- 17.4: サポート済み
- 17.5: サポート済み
Samsung Internet
- 4 - 23: サポート済み
- 24: サポート済み
Opera Mini
- すべて: サポートされていません
Opera Mobile
- 10 - 12.1: サポートされていません
- 80: サポート済み
Android版 UC Browser
- 15.5: サポート済み
Android ブラウザ
- 2.1 - 4.4.4: サポート済み
- 124: サポート済み
Android版 Firefox
- 125: サポートされていません
QQ Browser
- 14.9: サポート済み
Baidu Browser
- 13.52: サポート済み
KaiOS Browser
- 2.5: サポートされていません
- 3: サポートされていません
元々Internet Explorerのみで実装されていました。他のいくつかのブラウザもこのプロパティをサポートしていますが、コンテンツの拡大縮小にはtransform: scale()
を使用することが推奨されています。ただし、transform: scale()
はzoom
と同じようには機能しないことに注意してください。例えば、html
またはbody
要素にtransform: scale(0.6)
を使用すると、ページ全体がリサイズされ、周囲に巨大な白い余白のある縮小されたページが表示されますが、zoom: 0.6
はページ上の*要素*を拡大縮小しますが、要素が描画されるページ自体は拡大縮小しません。