CSS ズーム

- 非標準

コンテンツを拡大縮小する非標準の方法です。

Chrome

  1. 4 - 123: サポート済み
  2. 124: サポート済み
  3. 125 - 127: サポート済み

Edge

  1. 12 - 123: サポート済み
  2. 124: サポート済み

Safari

  1. 3.1 - 3.2: サポートされていません
  2. 4 - 17.3: サポート済み
  3. 17.4: サポート済み
  4. 17.5 - TP: サポート済み

Firefox

  1. 2 - 124: サポートされていません
  2. 125: サポートされていません
  3. 126 - 128: サポートされていません

Opera

  1. 9 - 12.1: サポートされていません
  2. 15 - 108: サポート済み
  3. 109: サポート済み

IE

  1. 5.5 - 7: サポート済み
  2. 8 - 10: サポート済み
  3. 11: サポート済み

Android版 Chrome

  1. 124: サポート済み

iOS版 Safari

  1. 3.2: サポートされていません
  2. 4 - 17.3: サポート済み
  3. 17.4: サポート済み
  4. 17.5: サポート済み

Samsung Internet

  1. 4 - 23: サポート済み
  2. 24: サポート済み

Opera Mini

  1. すべて: サポートされていません

Opera Mobile

  1. 10 - 12.1: サポートされていません
  2. 80: サポート済み

Android版 UC Browser

  1. 15.5: サポート済み

Android ブラウザ

  1. 2.1 - 4.4.4: サポート済み
  2. 124: サポート済み

Android版 Firefox

  1. 125: サポートされていません

QQ Browser

  1. 14.9: サポート済み

Baidu Browser

  1. 13.52: サポート済み

KaiOS Browser

  1. 2.5: サポートされていません
  2. 3: サポートされていません

元々Internet Explorerのみで実装されていました。他のいくつかのブラウザもこのプロパティをサポートしていますが、コンテンツの拡大縮小にはtransform: scale()を使用することが推奨されています。ただし、transform: scale()zoomと同じようには機能しないことに注意してください。例えば、htmlまたはbody要素にtransform: scale(0.6)を使用すると、ページ全体がリサイズされ、周囲に巨大な白い余白のある縮小されたページが表示されますが、zoom: 0.6はページ上の*要素*を拡大縮小しますが、要素が描画されるページ自体は拡大縮小しません。

リソース
CSS Tricks
Safariデベロッパーライブラリ
MDN Web Docs - CSS zoom
IE6およびIE7でのレンダリングバグを修正するためのハックとしてzoomの使用法を説明する記事。