html - 链接在 iPhone 中呈现为巨大的空框
问题描述
我刚刚收到一位客户的投诉,她最近购买了 iPhone 代替了她的旧 Android 手机:我为她建立的网站上的链接显示为巨大的空框。
这是她的网站。
她告诉我,她有朋友使用(各种型号的)iPhone,看看他们是否有相同的行为,他们都得到相同的东西:链接应该在的大空盒子。
我自己没有 iPhone,通常不会在 iPhone 上测试我的网站,主要是因为我从未听到过 iPhone 用户的任何投诉。当然,我正在重新评估这种方法!
我做了一些一般性的谷歌搜索,我也在 Stack Overflow 上进行了搜索,但没有发现任何关于 iPhone 链接问题的具体问题。我很惊讶这似乎不是已知解决方案的众所周知的问题。或者也许我的搜索技巧不是我想象的那样。
谁能建议我为什么要得到这个巨大的空框以及如何使它们呈现为正确的链接,就像它们在我的 Windows 笔记本电脑和 Android 手机中一样?适用于所有当前/流行版本的 iPhone 的解决方案将是理想的。随意在您的浏览器中检查我的代码,但我认为我没有做任何太奇特的事情。
解决方案
此问题在 Safari 中可见,而不仅仅是在 iPhone 上。它与这段css有关:
a::before {
content: url("../images/link-white_16x16.jpg") " ";
}
该图像不存在,生成的 URL 会将您带到域停放页面。我猜 Safari 只是放在广场上,因为图像不存在。
推荐阅读
- regex - Grepping 文本文件中特定 URL 的子域
- vb.net - 将鼠标保持在 WinForm 范围内
- c++ - C++ 模块:如果首先包含标准库模块,包含的第 3 方文件是否仍会拉入正常标题?
- css - 使用标签面板和 CSS 的 Material UI
- angular - 具有可扩展行的角材料表 - 将子表的列排列在彼此下方
- java - Apache Tomcat 升级到 8.5.51 导致 400 错误
- ruby - 在纯 Ruby 中获取时区(无轨道)
- python - 在另一个方法中调用不同的方法
- python - 从 PYTHON 在线 IDE 和 PYCHARM 获得不同的结果。EOF 错误
- c++ - 如何输出一个真正不同的随机结果,从 C++ 中的一串数组中提取?