非标准的缩放内容方法。

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: 支持

Chrome for Android

  1. 124: 支持

Safari on iOS

  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: 支持

UC Browser for Android

  1. 15.5: 支持

Android Browser

  1. 2.1 - 4.4.4: 支持
  2. 124: 支持

Firefox for Android

  1. 125: 不支持

QQ 浏览器

  1. 14.9: 支持

百度浏览器

  1. 13.52: 支持

KaiOS 浏览器

  1. 2.5: 不支持
  2. 3: 不支持

最初仅在 Internet Explorer 中实现。虽然其他几个浏览器也支持此属性,但使用 transform: scale() 是缩放内容的推荐解决方案。但请注意,transform: scale() 的工作方式与 zoom 不同。例如,如果在 htmlbody 元素上使用 transform: scale(0.6),则它会调整整个页面大小,显示一个缩小的页面,周围有很大的白色边距,而 zoom: 0.6 会缩放页面上的元素,但不会缩放绘制这些元素的页面本身。

资源
CSS Tricks
Safari 开发者库
MDN Web 文档 - CSS zoom
解释将 zoom 用作修复 IE6 和 IE7 中渲染错误的技巧的文章。