Safari 6(桌面版)渲染的所有字体都比我在样式表中指定的字体小。
(误)计算总是成比例的,会影响我网站上的每种字体。应该是18px的字体是16px,28px被计算为25px,24px被显示为21px等等。
我正在使用带有rems的62.5% font-sizing technique:
html {
font-size: 62.5%;
}
body {
font: normal normal 400 18px/1 sans-serif;
font-size: 1.8rem;
}
h1 {
font-size: 28px; // renders at 28px if the next line is disabled
font-size: 2.8rem; // renders at 25px
}
Web Inspector显示我的所有字体大小规则都在强制执行:
但对于相同的body元素,它显示的计算字体大小为16px:
没有其他浏览器这样做,包括iOS 7上的Mobile Safari。
如果我在Web Inspector中禁用rem
字体大小规则,字体会按原样显示。
我认为这可能与我在body元素上使用速记规则有关,但切换到long-form没有任何效果。
我检查了其他网站(除了我自己的网站),以确保它不是我不知道的浏览器设置,它发生在本地开发网站和现场制作中。
< / LI>是否有其他人遇到此问题,或者任何人都可以看到为什么会发生这种情况?