CSS 缩放属性答案

【问题标题】：CSS zoom propertyCSS 缩放属性
【发布时间】：2011-03-08 06:11:13
【问题描述】：

Windows 版本的 Internet Explorer 5.5及以上支持非标准属性缩放，设置元素的放大比例。没有与此等效的 CSS3 财产（至今）。

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

【问题讨论】：

【解决方案1】：

要完成规模转换的答案：为什么不同时解决 IE？有一个特定的-ms-zoom 属性，仅适用于 IE：http://msdn.microsoft.com/en-us/library/ie/ms531189(v=vs.85).aspx

【讨论】：

【解决方案2】：

CSS3 等效项位于 CSS 2D Transforms 模块中，尤其是 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 所以会加倍。

【讨论】：