iOS中的字体大小问题,在Chrome开发者工具中不可见

在我的网站上 stefaanoyen.be 我的页脚有一个div。

这是HTML:

<div class="right-div">
   <span class="footertips"><a href="https://www.stefaanoyen.be/category/blog">Krachttips</a> • </span>
   <a href="https://www.stefaanoyen.be/algemene-voorwaarden">Algemene voorwaarden</a> • 
   <a href="https://www.stefaanoyen.be/privacy">Privacy</a> • 
   <a style= "color:#b72518" href="https://www.stefaanoyen.be/contact/">Contacteer mij</a><
/div>

这是CSS:

.right-div {
    float: right;
    padding-right: 10px;
    font-size: 12px !important;
}

当我在谷歌Chrome开发者工具中查看我的页脚时,右边的div的字体大小是12px,同样在iPhone宽度上。然而,当我在iPhone 8上用Chrome或Safari查看我的网站时,左半部分的字体大小为12px,而右半部分的字体大小更大(以“Krachttips”开头):

怎么会?我无法检查iPhone上的css,也不知道这是从哪里来的。

非常感谢你帮了我的忙!