火狐不支持zoom该怎么解决啊

本帖最后由 hanwqyq 于 2020-3-9 17:58 编辑

我在select的option里加font-awesome图标,火狐的显示有问题啊，其他浏览器都没问题。
报错是这样的：
该页面使用非标准属性“zoom”。请考虑在相关属性值中使用 calc()，或将“transform”与“transform-origin: 0 0”一同使用。

求助啊

hanwqyq · 发表于 2020-3-11 15:13:32

哇有没有人啊

xuyuehang · 发表于 2020-3-11 16:56:04

就是字面上的意思，火狐不支持zoom，可用transform: scale()

hanwqyq · 发表于 2020-3-12 13:18:12

xuyuehang 发表于 2020-3-11 16:56
就是字面上的意思，火狐不支持zoom，可用transform: scale()

我用的font-awesome.css(4.7.0)里的字符编码加的图标。只引用了font-awesome.css，另外font-awesome.css里无zoom,font-awesome.css里有transform的地方我都在下面加上了transform-origin:0 0; 目前控制台无报错，但是显示还是那个样。测试代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
<style type="text/css">
select {
font-family: 'FontAwesome',Helvetica;
}
</style>
</head>
<body>
<select>
<option>test1</option>
<option>test2</option>
</select>
</body>
</html>

复制代码

xuyuehang · 发表于 2020-3-13 11:01:05

hanwqyq 发表于 2020-3-12 13:18
我用的font-awesome.css(4.7.0)里的字符编码加的图标。只引用了font-awesome.css，另外font-awesome.css ...

没有网络错误么，考虑同源策略问题

young s · 发表于 2020-5-26 23:39:20

我的也是，怎么解决的