我正在制作一封电子邮件,向一家处理健康问题的联邦公司展示一个号码。
以下是该部分中的代码:
<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实体替换数字,但没有运气。但是,如果我输入两次数字,它将显示完整的第一个数字和第二个数字的一半。关于发生了什么的任何想法?
答案 0 :(得分:1)
尝试在<meta name="format-detection" content="telephone=no" />
标记中添加head
。
编辑:好的,所以它出现在我面前:http://jsfiddle.net/XkssQ/show
我的猜测是电话号码所在的容器太小,导致新行被截断。