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

问题描述:

我正在处理一个电子邮件爆炸,该电子邮件爆炸会向处理健康问题的联邦公司显示数字。iOS设备在HTML页面中隐藏电话号码

下面是我的部分代码如下:

<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实体替换数字,但没有运气。但是,如果我输入两次数字,它将显示全部第一个数字和第二个数字的一​​半。关于发生什么事的任何想法?

尝试在您的head标记中添加<meta name="format-detection" content="telephone=no" />


编辑:好了,所以它显示了对我来说:http://jsfiddle.net/XkssQ/show

我的猜测是,容器中的电话号码在过小,导致新的生产线被截断。

+0

我不惊讶它在JSFiddle上的作品。该代码适用于所有非iPhone和iPad设备。我会尝试meta标签... – 2013-05-03 16:42:35

+0

小提琴在iPhone模拟器上查看。 – Charlie 2013-05-03 16:44:09

+0

作品!非常感谢。 – 2013-05-03 16:52:50