数字がiPhone/iosに表示されない

Question

電話番号を含む小さな連絡先セクションを作成しようとしていますが、デスクトップに表示されていてもiPhoneで表示すると表示されません（たとえ私のiPhoneよりも小さい画面を縮小する）。 （デスクトップ用ChromeとSafariでテスト済み）（写真参照）

テキストはいくつかの数字や文字だけのみが存在する場合を示したが、これ以上で消えます。 私は、彼らがすることになっている場所に押した場合、それはテキストをハイライトするため

数字は、まだそこに（見えないが）明らかにされている（写真参照）。私は押し続けるならば、私は番号を呼び出したい場合は（写真参照）

、それは尋ねます。私が使用しています（写真参照）

ここでは、コードのスニペットです：これが起こって、どのようにそれを修正することですなぜ

<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> 

誰もが知っていますか？

Answer 1

私はIOSが自動的に電話番号の色を白く太字に変更することを発見しました。また、それをachor（a）タグとして選択する必要があります。ここに私の修正がありました：

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