php - ipad 网站上的电话号码消失了

Question

我发现这完全是“WTF”情况。 On this website在 ipad 和 iphone 上查看时，联系人页面上的电话号码会消失。在其他方面，电话号码显示正确。主页上有一个电话号码在ipad和iphone上可以正确显示，但是联系页面上的电话号码却不能。

我试过:

• 删除联系页面和/或头文件中的其他表单脚本。结果:数字还是不显示；
• 使用 html 字符代替 +、( 和 )。结果:数字还是不显示；
• 使用字母代替数字。结果:文字显示正确；
• 将联系人页面中的电话号码复制并粘贴到主页中。结果:数字在首页正确显示
• 将联系人页面中的电话号码复制并粘贴到其他页面。结果:数字不显示；
• 检查不可见字符。结果:没有隐形字符。

我找到了 another question与此问题相关，但由于不是真正的问题而已关闭。

请在下面找到我的代码:

    <p><em>A &amp; K Ross Associatest Pty Ltd</em><br>
    3 Gunyah Drive<br>
    Trentham<br>
    Vic 3458 Australia<br>
    Email: info@akra.com.au<br>
    Telephone: + 61 (0)3 5424 1700</p>
    <p><em>Alan Ross</em><br>
    Mobile: +61 (0)407 842 537</p>
    <p><em>Katherine Ross</em><br>
    Mobile: +61 (0)438 120 704</p>

是的，当然，这可能是我在某个地方犯下的一个荒谬的错误，但我终究无法找到我犯错的地方。

我非常感谢您的帮助。 MTIA。

编辑:

我没有使用任何特定于移动/手持设备或屏幕宽度等的样式。应用于文本的 CSS 样式如下:

.contact p {
line-height:18px;
margin-bottom:13px;
}
p {
color:#858585;
font-family:Arial,Helvetica, sans-serif;
font-size:13px;
width:630px;
}

Answer 1

电话号码在 iPad 和 iPhone 上采用不同的样式，因此您可以轻点它们来调用电话。我可能猜想你的 CSS 中有一个冲突的样式使用了他们的类，使它变白或不可见。