我有一个包含以下文本的 html 页面:
<font face="Tahoma, Geneva, sans-serif">Please contact our sales person by email: salesperson@company.com or by phone: 888-888-8888</font>
它在除 iOS 上的 Safari 之外的所有浏览器中都显示良好。号码就在那里,因为你可以点击它,iOS 设备会提示你调用这个号码。它只是不可见。
我找到的解决方案之一是在页面头部添加以下代码行:
<meta name="format-detection" content="telephone=no" />
该号码变得可见,但 Safari 不再将其识别为电话号码,因此用户无法进行点击通话。
另一种解决方案是将电话号码设为链接:
<a href="tel:888-888-8888" style="color:#000">888-888-8888</a>
但在那种情况下,IE 实际上会尝试转到“tel:888-888-8888”链接,因此它根本不是最佳解决方案。
所以问题是:是否可以将电话号码保留为文本,但在 iOS 设备上的 Safari 中使其作为电话号码可见和可识别?
附加信息:
字体是白色的,因为它是在链接的 CSS 文件中指定的。我不想更改它,因为这会影响所有其他假定为白色的链接。只有 iOS 上的 safari 会从电话号码建立超链接。
最佳答案
尝试创建与原始链接相同的单独类,并使代码中的每个链接都成为该类的链接。将电话号码保留为纯文本。它应该有效。
关于html - 电话号码未显示在 iOS 上的 safari 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22915881/