CSS缩放属性

Question

Sitepoint参考资料指出：

Windows上的Internet Explorer 5.5及以上版本支持非标准属性缩放（zoom），它可以设置元素的放大比例。目前还没有CSS3相应的属性。

如何在标准浏览器中实现这种缩放效果？是否有可用的jQuery插件？

- Mithun Sreedharan

Answer 1

CSS3的等价物在CSS 2D转换模块中，特别是transform: scale()。

由于这个模块仍处于草案阶段，您需要使用特定于浏览器的前缀：

transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);

你可能还需要使用transform-origin(以及特定于浏览器的版本)，使其与zoom具有相同的行为，你需要小心地将zoom仅用于IE，并且要注意，因为WebKit同时支持transform和zoom，所以会导致双倍缩放。

- bobince

---

IE9似乎需要使用-ms-transform属性名称。 - Kozuch

Answer 2

为了完善比例缩放方案的回答：为什么你没有考虑IE呢？在IE中，有一种特殊的“-ms-zoom”属性，只能在IE中使用：http://msdn.microsoft.com/en-us/library/ie/ms531189(v=vs.85).aspx。

- Eugene Kardash