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上不顯示的數字

回答

相關問題