1

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

我试过了：

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

我发现了另一个与此问题相关的问题，但它已被关闭，因为它不是一个真正的问题。

请在下面找到我的代码：

    <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;
}
4

3 回答 3

5

电话号码在 iPad 和 iPhone 上的风格有所不同，因此您可以轻点它们来拨打电话。我可能猜想您的 CSS 中使用了它们的类的样式冲突，使其变为白色或不可见。

于 2012-06-13T01:17:31.190 回答
3

我制定了一个简单的解决方案。Iphone 为电话号码创建锚标签并应用白色，使其变得不可见。

浏览器上的普通视图

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

苹果手机视图

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

解决方案

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

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

于 2015-06-25T05:47:57.747 回答
0

谢谢你，我在使用 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>
于 2019-07-25T09:54:39.430 回答