适用于Windows版本的Internet Explorer 5.5及以上支持非标准属性zoom,其中设置了 元素的放大比例。 没有与此相当的CSS3 财产(现在)。
如何在标准浏览器中实现此缩放效果?有没有可用的jQuery插件?
答案 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