Question

我正在为我的网站制作代码格式化程序，我在桌面和移动浏览器之间遇到了一些奇怪的行为。在桌面上，代码块如下所示：

在我的iphone上，无论出于何种原因，行号都是较小的字体：

我没有做任何事情来编辑我网站上任何地方的任何字体大小。这都是默认尺寸。如果我手动设置字体大小，比如12px，它仍然排列在我的桌面浏览器上，在我的移动浏览器上仍然更小。

代码块布局为包含两个单元格的表格。左侧单元格包含1列表，每行包含一个数字。右侧单元格包含1列表，每行包含一行代码。

知道为什么字体在移动浏览器上缩小了吗？

EDIT2：它在Windows手机和Android手机上正确呈现。

解决方案：结果移动Safari决定为您更改文字大小！我在这个页面上看到了一个有效的解决方案：Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others?

我在我的CSS的body {}部分放了-webkit-text-size-adjust：100％，以防止移动版Safari乱码我的文字大小。

Answer 1

原来，移动Safari决定为您更改文字大小！我在这个页面上看到了一个有效的解决方案：

我在CSS中添加了以下内容，以防止移动版Safari乱码。

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