iOS设备在HTML页面中隐藏电话号码
问题描述:
我正在处理一个电子邮件爆炸,该电子邮件爆炸会向处理健康问题的联邦公司显示数字。iOS设备在HTML页面中隐藏电话号码
下面是我的部分代码如下:
<p style="margin: 1em 3em 0em 0em;color:color:#585A63;">
Visit <a href="#" style="color:#0078ae;">a website</a> or call <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
我的猜测是,容器中的电话号码在过小,导致新的生产线被截断。
我不惊讶它在JSFiddle上的作品。该代码适用于所有非iPhone和iPad设备。我会尝试meta标签... – 2013-05-03 16:42:35
小提琴在iPhone模拟器上查看。 – Charlie 2013-05-03 16:44:09
作品!非常感谢。 – 2013-05-03 16:52:50