CSS中的“缩放”功能是什么？

CSS中的“缩放”功能是什么？

CSS规范中未包含缩放功能，但IE，Safari4，Chrome支持缩放功能（

-moz-transform:scale(x)

从3.5开始，您可以在Firefox中获得类似的效果）。

因此，所有浏览器

 zoom: 2; zoom: 200%;

会将您的对象放大2倍，就像放大一倍。这意味着如果你有

a:hover {   zoom: 2;}

悬停时，

<a>

标签将放大200％。

就像我说的那样，在FireFox 3.5+中

-moz-transform: scale(x)

，它执行的功能大致相同。

编辑：针对的评论

thirtydot

，我会说这

scale()

不是一个完整的替代。它不会像行中一样扩展

zoom

，而是会立即扩展并扩展内容，而不会强迫其他内容。在这里查看此 *** 作。此外，

zoom

Opera不支持该功能。

这篇文章

scale

对使用jQuery解决不兼容的方法和变通方法提供了有用的见解。