火狐不支持css的zoom属性，请问该如何兼容？请给出具体代码。

html-css025

火狐不支持css的zoom属性，请问该如何兼容？请给出具体代码。,第1张

IE浏览器和新版chrome都支持css的zoom属性，

zoom: 0.5

但是目前为止firefox不支持该属性

可以通过下面两个属性实现：-moz-transform，-moz-transform-origin

-moz-transform:scale(0.5)

但是它会缩放到中间，而IE会缩放到左上角，再通过-moz-transform-origin:top left就可以实现和IE一样的效果了。

网上转的

修改一下代码即可

jquery代码:

$("body").css({    "zoom":"2",    "transform":"scale(2)"})

也可以直接在<style>里面写

 <style type="text/css">       

  body{zoom:2transform:scale(2)}    

  </style>