请选择 进入手机版 | 继续访问电脑版
Mozilla

火狐社区

登录    注册

QQ互联

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

hanwqyq 社区新人 发表于 2020-3-9 17:49:07 | 显示全部楼层 [复制链接]
5 3522
本帖最后由 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 Mozilla员工
发表于 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; 目前控制台无报错,但是显示还是那个样。测试代码如下
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title></title>
  6.                 <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
  7.                 <style type="text/css">
  8.                         select {
  9.                                 font-family: 'FontAwesome',Helvetica;
  10.                         }
  11.                 </style>
  12.         </head>
  13.         <body>
  14.                 <select>
  15.                     <option>test1</option>
  16.                                 <option>test2</option>
  17.                 </select>
  18.         </body>
  19. </html>
复制代码
xuyuehang Mozilla员工
发表于 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 | 显示全部楼层
我的也是 ,怎么解决的
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表