CSS缩放属性

时间:2010-06-25 11:48:17

标签: javascript css internet-explorer css3 zoom

Sitepoint reference

  

适用于Windows版本的Internet Explorer   5.5及以上支持非标准属性zoom,其中设置了   元素的放大比例。   没有与此相当的CSS3   财产(现在)。

如何在标准浏览器中实现此缩放效果?有没有可用的jQuery插件?

2 个答案:

答案 0 :(得分:14)

CSS3等效项位于CSS 2D Transforms模块中,特别是transform: scale()

由于此模块仍处于Working Draft阶段,因此您需要特定于浏览器的前缀:

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

您可能还需要transform-origin(以及特定于浏览器的版本)才能使其行为与zoom相同,并且您必须小心定位zoom仅限{} IE,因为WebKit同时支持transform zoom,因此会进行双倍扩展。

答案 1 :(得分:3)

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