Css Safari不使用引导导航

我在bootstrap中创建了一个导航顶部栏。每个浏览器都可以正常工作，但在Safari上它会把电话号码和电子邮件弄乱。有人知道为什么吗

<nav class="navbar navbar-default" style="background-color: #003366">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" style="margin-left: 20px;">
          <font color="white"><h3><i>Company</i></h3></font>
          <font color="white" size="1">
            123 Main Ave<br />
            Managers Office Suite 100 - Manager Name<br />
            xxx.xxx.xxxx<br />
            email@propertyemail.com
          </font>
        </a>
      </div>
      <ul class="nav navbar-nav navbar-right">
        <p style="margin-right: 50px;" align="right">

          <font color="white" size="5"><i>11:40, AM<br />Tuesday, June 12, 2018</i></font>

        </p>
      </ul>
    </div>
</nav>

单位
主大街123号

经理办公套房100-经理姓名

xxx.xxx.xxxx

email@propertyemail.com


2018年6月12日星期二上午11:40

FWIW:Safari必须是9版或更高版本，但这不能解释为什么电子邮件或电话号码会受到影响我正在iPhone 7上测试，所以我相信Safari高于9。基于上面的html，你正在做一些非常基本的事情，当我在这里创建一个代码片段时，它很好，这让我相信iPhone7上的Safari非常聪明，能够提取识别的文本并应用它自己的格式，这可能会破坏引导