css - 为什么 iOS Chrome v. iOS Safari 上的字体大小不同？

Question

我正在开发一个响应式网站，在我的 iPhone(iOS 13，2020 年 6 月)上检查它时，我发现 Safari 和 Chrome 的字体大小不同。
我尝试了几件事来解释它，但找不到原因。
我怀疑它与我很久以前的一些 CSS 有关:-webkit-text-size-adjust: 100%;但是，删除和更改此值对差异没有影响，因此这是一条红鲱鱼。
什么会导致这两个应用程序上同一站点的呈现和 CSS 之间的差异？

Answer 1

这里有两个潜在的原因，肯定还有更多，但这些是我发现并解决了我的问题的原因。
Chrome 遵循系统范围的“文本大小”

如果您使用控制中心的“文本大小” slider 或系统级别的相关设置，Chrome 会自动更改站点的文本!
据我所知，iOS 版 Chrome 中没有设置禁用与 的链接。文字大小 .
因此，如果您希望 Safari 和 Chrome 匹配，请确保 字号 您手机的状态处于标记为“默认”的中间位置。
如果您使用 ，很高兴知道这两个文字大小 像我或您的用户或客户一样控制日常事务!
Safari 有一个 “页面放大”在设置应用程序中设置

另一方面，Safari 有一个名为 的设置。页面放大 从 50% 到 300%。它位于 设置 下的应用程序Safari > 网站设置 > 页面缩放 .
此设置可能会导致 CSS 布局大小为 200% 时完全困惑。
无论哪种方式，如果两个应用程序之间存在差异，此 页面放大 设置也值得一试。