从桌面到移动浏览器的字体大小变化无法解释
Gra*_*ntS 6 html css fonts ios
我正在为我的网站制作代码格式化程序,我在桌面和移动浏览器之间遇到了一些奇怪的行为.在桌面上,代码块如下所示:
在我的iphone上,无论出于何种原因,行号都是较小的字体大小:
我没有做任何事情来编辑我网站上任何地方的任何字体大小.这都是默认尺寸.如果我手动设置字体大小,比如12px,它仍然排列在我的桌面浏览器上,并且在我的移动浏览器上仍然更小.
代码块布局为包含两个单元格的表.左侧单元格包含1列表,每行包含一个数字.右侧单元格包含1列表,每行包含一行代码.
知道为什么字体在移动浏览器上缩小了吗？
编辑:链接:http://grantslatton.com/posts/blog/2013-08-16/sudoku_solver/
EDIT2:它在Windows手机和Android手机上正确呈现.
解决方案:结果移动Safari决定为您更改文本大小!我在这个页面上看到了一个有效的解决方案:修复Mobile Safari(iPhone)上的字体大小问题,其中文本呈现不一致而某些字体比其他字体大？
我在我的CSS的body {}部分放了-webkit-text-size-adjust:100%,以防止移动safari弄乱我的文本大小.
结果移动Safari决定为您改变文字大小!我在这个页面上看到了一个有效的解决方案:
我在我的CSS中添加了以下内容,以防止移动游戏变得混乱我的文本大小.
body {
-webkit-text-size-adjust: 100%;
}