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

【问题标题】：Font-size issue in iOS, invisible in Chrome developer toolsiOS 中的字体大小问题，在 Chrome 开发者工具中不可见
【发布时间】：2020-08-01 10:49:51
【问题描述】：

在我的网站 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;
}

当我在 Google Chrome 开发人员工具中检查页脚时，右 div 的字体大小为 12 像素，也是 iPhone 宽度。但是，当我在 iPhone 8 上的 Chrome 或 Safari 中查看我的网站时，left-div 的字体大小为 12px，但 right-div 的字体大小更大（以“Krachttips”开头的行）：

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

非常感谢您帮助我！

【问题讨论】：

标签： html css ios google-chrome mobile

【解决方案1】：

试试这个css

body {
    -webkit-text-size-adjust: 100%;
}

您需要有 macosx 设备才能按照这些步骤进行调试Safari Develop Menu

【讨论】：

【解决方案2】：

你可以尝试给 span 和 a 标签设置字体大小样式属性并检查它是否正常？

【讨论】：