OStack程序员社区-中国程序员成长平台

标题: iOS Safari 使用错误的域作为相对 CSS 路径 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 17:42
标题: iOS Safari 使用错误的域作为相对 CSS 路径

我正在使用 Font Awesome来自 CDN:

<link rel="stylesheet"
    href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"
>

在桌面浏览器上，一切正常。但在 iOS Safari 浏览器(iOS 9)上，图标不渲染，全部被正方形代替。

我将 iPad 连接到 Mac，启动开发者工具，发现 iOS 浏览器尝试从我自己的服务器而不是 CDN 下载字体文件。

例如，CDN 上的 CSS 文件包含以下行:

@font-face{
    src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');

但 iOS Safari 将其解析为:

GET http://mywebsite.com/fonts/fontawesome-webfont.eot?v=4.4.0

据我所知，在 CSS 中，相对路径是相对于 CSS 文件的位置，而不是相对于当前页面的位置。

这是 iOS Safari 中的(已知？)错误吗？有解决办法吗？

任何指针表示赞赏。

---

Best Answer-推荐答案

不确定问题出在哪里，但升级到 iOS 9.2 和 Font Awesome 4.5.0 似乎已经解决了我的问题。

但我仍然遇到了问题，因为图标出现了一秒钟然后消失了。原来这是因为一个过时的 viewport-units-buggyfill.js脚本。将其升级到 0.5.5 解决了这个问题。

关于iOS Safari 使用错误的域作为相对 CSS 路径，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34287530/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4