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

html-css015

火狐不支持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>