CSS 中的“缩放”有什么作用？

我发现一些 jQuery 插件在他们的 css 规则中使用了“zoom”描述符，我什至查看了 w3c 网站，发现它是用来放大的，但我该如何实际实现它呢？或者我必须定义一些视口？我如何定义这样的视口？或者我对整个事情都错了？

是否可以像这样使用它

a {
    zoom:1;
}

a:hover {
   zoom:2;
}

Zoom 并未包含在 CSS 规范中，但 IE、Safari 4、Chrome 都支持它（并且您可以在 Firefox 中获得类似的效果：-moz-transform: scale(x)从 3.5 开始）。看here http://www.fix-css.com/2011/05/css-zoom/.

所以，所有浏览器

 zoom: 2;
 zoom: 200%;

会将对象放大 2 倍，因此相当于将尺寸放大了一倍。这意味着如果你有

a:hover {
   zoom: 2;
}

悬停时，<a>标签将缩放 200%。

就像我说的，在 FireFox 3.5+ 中使用-moz-transform: scale(x)，它做同样的事情。

编辑：回应评论thirtydot，我会说scale()不是完全替代。它不会像线一样扩展zoom确实如此，而是它将开箱即用并覆盖内容，而不是迫使其他内容离开。查看实际效果here http://www.w3schools.com/cssref/playit.asp?filename=playcss_transform_scale。此外，似乎zoomOpera 不支持。

This http://htmlcssjavascript.com/css/using-css-zoom-and-css-transforms-for-a-better-increase-text-size-button/这篇文章提供了有关解决与以下内容不兼容的方法的有用见解scale以及使用 jQuery 的解决方法。