火狐不支持css图标,火狐浏览器不支持css缩放样式：zoom，如何完美解决？

分享者:iweb2020  阅读量:16135

小金子学院目录最新收录：投资寓言故事之鸡的故事

女〒ⅠⅡⅢⅣM 围

圎

女〒ⅠⅡⅢⅣM 围

圎

页面警告：This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”.

出现此警告的原因：火狐浏览器不支持css样式：zoom；支持：但火狐支持transform:scale(1.10);transform-origin:center top;

值得注意的是，使用transform:scale缩放后，会造成网页右边空白巨大，如何解决可参考小金子目录的文章：《如何完美解决横向滚动条之网页缩放小知识：zoom与transform:scale，如何去掉右边空白？》：https://www.xiaojinzi.com/net/no250770

关于此问题的详细分析：

zoom属性确实是ie专有属性，除了设置或者检索对象的缩放比例之外，它还具有触发ie的haslayout属性，清除浮动，清除margin重叠等作用。 但是火狐浏览器不支持zoom属性，不过在webkit内核浏览器中zoom这个属性也是可以被支持的。

显然，你这里设置的zoom：2，　即表示放大为原来的2倍，里面的字体也相应被放大了2倍。

在IE浏览器里，Zoom的使用方法是这样的： zoom : normal | numbernormal :　 默认值。使用对象的实际尺寸number :　 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即放大的倍数，可以是数值，也可以是百分比。如：zoom:1，zoom:120%。而这个属性只有在IE中才起作用，所以