iPhone/ios上不显示的数字

因此，我试图创建一个包含电话号码的小型联系人部分，但当我在iPhone上查看时，它不会显示，尽管它在桌面上显示（即使我缩小屏幕比我的iPhone小）。 （在Chrome和Safari浏览器测试桌面）（见图片）iPhone/ios上不显示的数字

文本显示，如果只有几个数字或字母，但更多的消失。 （见图片）

的数字显然仍存在（虽然不可见的），因为如果我按他们应该是，它突出的文本。 （见图片）

如果我继续按住，然后问我是否要拨打的号码。 （见图片）

这里是我使用的代码片段：

<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>[email protected]</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>

谁知道为什么发生这种情况，如何解决？

来源

2017-03-08 Sean

检查按钮标题的文字颜色。 –

它可能是你没有在“fa fa-phone”类中设置颜色 –

我只是尝试设置颜色，即使使用了非常具体的选择器。没有任何区别。 – Sean

我发现IOS会自动将电话号码的颜色更改为白色并且有点粗体。您还必须将其选为achor（a）标签。这是我的修复：

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

来源

2017-03-08 15:21:41 Sean

iPhone/ios上不显示的数字

回答

相关问题