我发现一些jQuery插件在他们的CSS规则中使用了" Zoom"描述符，我什至研究W3C网站并发现它用于放大，但是我该如何实际实施？还是我必须定义一些视口？我如何定义这样的视口？还是我对整个东西错了？
可以像一样使用它吗
a {
zoom:1;
}
a:hover {
zoom:2;
}
答案
CSS规范中不包含变焦，但在IE，Safari 4，Chrome中得到支持（您可以在Firefox中获得一些相似的效果-moz-transform: scale(x)自3.5）。看这里。
所以，所有浏览器
zoom: 2;
zoom: 200%;
将使对象放在2中，这就像使大小加倍。这意味着如果您有
a:hover {
zoom: 2;
}
在悬停的<a>标签将缩小200％。
就像我说的，在Firefox 3.5+中使用-moz-transform: scale(x)，它做同样的事情。
编辑：回答来自thirtydot，我会说scale()不是完整的替代品。它不会像zoom相反，它会从开箱即用而扩展，而不是迫使其他内容迫使其他内容。看到这个行动这里。此外，似乎zoom在歌剧中不支持。
这帖子对如何解决与不兼容的方式有一个有用的见解scale并使用jQuery进行解决方案。