iPhone / ios上不显示数字答案

【问题标题】：Numbers not displaying on iPhone / iosiPhone / ios上不显示数字
【发布时间】：2017-03-08 10:47:59
【问题描述】：

所以我正在尝试创建一个包含电话号码的小型联系人部分，但是当我在 iPhone 上查看它时它不会显示，尽管它会显示在桌面上（即使我将屏幕缩小到比我的 iPhone 还小）。 （在桌面版 Chrome 和 Safari 上测试） （见图）

文本显示是否只有几个数字或只有字母，但随着任何更多消失。 （见图）

数字显然仍然存在（尽管不可见），因为如果我按下它们应该在的位置，它会突出显示文本。 （见图）

如果我继续按住，它会询问我是否要拨打该号码。 （见图）

这是我正在使用的代码的 sn-p：

<div class="contact-container">
    <div class="contact-us">
        <h3>Contact Us</h3>
        <div>
            <p><i class="fa fa-map-marker" aria-hidden="true"></i>Munich, Germany</p>
            <p><i class="fa fa-phone" aria-hidden="true"></i>Testing 123 testing</p>
            <p><i class="fa fa-envelope" aria-hidden="true"></i>someone@example.com</p>
        </div>
    </div>
    <div class="private-hire">
        <h3>Private Hire</h3>
        <p class="body-copy-mobile">lorem ipsum dolor sit amet, consectetur adipiscing elit consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute iruredolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
    </div>
</div>

有人知道为什么会发生这种情况以及如何解决吗？

【问题讨论】：

检查按钮标题文字颜色。
可能是你没有在“fa fa-phone”类中设置颜色
我只是尝试设置颜色，即使使用了非常具体的选择器。没有任何区别。

标签： html ios css phone-number

【解决方案1】：

我发现 IOS 会自动将电话号码颜色更改为白色并加粗。您还必须选择它作为锚 (a) 标记。这是我的解决方法：

.contact-us a {
  color: inherit;
  font-weight: 300;
}

【讨论】：