在<a> tags

时间:2015-04-22 21:33:31

标签: html css iphone html5 safari

I'm doing some browser testing with a responsive site, and ran into an issue with Safari that I cant track down the answer to. On the top of their page, they want a clickable phone number so that mobile devices and Skype users can easily call.

On every other browser it looks like it's supposed to:

The Right Way!

中遇到Safari未显示数字的问题

然而,在safari中,我得到了这个:

The Wrong Way!

(代表仍然太低,无法发布图片,因此Gdrive链接)

这里发生了什么?我已将数字部分格式化为如下所示:

<h3 id="phone">Seattle <a id="ph-number" href="tel:2065272000">(206) 527-2000</a></h3>

该链接适用于每个浏览器,它只是具有显示部分问题的safari。任何人都可以帮我解决这个问题(可能很简单:)吗?

1 个答案:

答案 0 :(得分:2)

添加作为未来搜索的答案:

很遗憾,很难从HTML中分辨出来。有什么方法可以对CSS有所启发?你使用什么字体系列(它可能会以某种方式丢失字形)?仔细检查字体大小?