html - iOS 设备在 HTML 页面中隐藏电话号码

Question

我正在处理一封电子邮件群发，其中向一家处理健康事务的联邦公司显示号码。

这是我在该部分中的代码:

<p style="margin: 1em 3em 0em 0em;color:color:#585A63;">
    Visit&nbsp;<a href="#" style="color:#0078ae;">a website</a> or call&nbsp;<span style="color:color:#585A63; display:block; text-decoration:none;">1-800-123-4567.</span>
</p>

此代码在所有浏览器和电子邮件服务上都应显示，但当我在 iPhone 4S、5 和 iPad 中查看它时，显示的全部内容是:

Visit a website or call

这个号码神奇地消失了。我也尝试过用 HTML 实体替换该数字，但没有成功。但是，如果我输入两次数字，它将显示第一个完整数字和第二个数字的一​​半。对正在发生的事情有什么想法吗？

Answer 1

尝试添加<meta name="format-detection" content="telephone=no" />在你的head标签。

---

编辑:好的，所以它出现在我面前:http://jsfiddle.net/XkssQ/show

我的猜测是电话号码所在的容器太小，导致新行被截断。