Question

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

我试过了：

删除联系人页面和/或头文件中的其他表单脚本。结果：数字仍然不显示;
使用html字符代替+，（和）。结果：数字仍然不显示;
使用字母而不是数字。结果：文本正确显示;
复制＆amp;将联系人页面中的电话号码粘贴到主页。结果：数字在主页上正确显示
复制＆amp;将联系人页面中的电话号码粘贴到其他页面。结果：数字不显示;
检查不可见的字符。结果：没有隐形字符。

我发现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中使用他们的类有一个相互冲突的样式，使它变成白色或不可见。

Answer 2

我找到了一个简单的解决方案。 Iphone为手机没有固定标签，并应用白色，因此它变得不可见。

浏览器的普通视图

         <span class="Phone-no">1800-658-128</span>

Iphone View

         <span class="Phone-no"><a>1800-658-128</a></span>

解决方案

.Phone-no a{
   color : #0000;
  }

将颜色更改为用户所需的颜色。

Answer 3

为此，我在使用iPhone时遇到了同样的麻烦！知道添加了不可见的<a>有助于解决该问题，除了标签产生的间距问题！仅适用于iPhone的大量额外工作！！！所以我做了这种风格：

.iphoneSucksForMakingMeStyleThisText a {color: black;}

以模式形式使用此HTML：

  <div class="modal__content" id="modal-1-content">
    <h3>SOLD</h3>
    <p class="iphoneSucksForMakingMeStyleThisText">Call: 0000000000</p>
    <p>Email: bla@blablabla.co.za</p>
  </div>

电话号码从ipad网站上消失

3 个答案: