火狐社区

标题: 火狐不支持zoom该怎么解决啊 [打印本页]
作者: hanwqyq    时间: 2020-3-9 17:49
标题: 火狐不支持zoom该怎么解决啊
本帖最后由 hanwqyq 于 2020-3-9 17:58 编辑

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

求助啊


problem.png (15.66 KB, 下载次数: 155)

如图所示

如图所示
作者: hanwqyq    时间: 2020-3-11 15:13
哇 有没有人啊
作者: xuyuehang    时间: 2020-3-11 16:56
就是字面上的意思，火狐不支持zoom，可用transform: scale()
作者: hanwqyq    时间: 2020-3-12 13:18
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    时间: 2020-3-13 11:01
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
我的也是 ，怎么解决的



欢迎光临 火狐社区 (http://mozilla.com.cn/) Powered by Discuz! X3.1