在Safari桌面中Rem字体太小

时间:2014-05-19 01:12:12

标签: css safari font-size

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显示我的所有字体大小规则都在强制执行:

enter image description here

但对于相同的body元素,它显示的计算字体大小为16px:

enter image description here

  • 没有其他浏览器这样做,包括iOS 7上的Mobile Safari。

  • 如果我在Web Inspector中禁用rem字体大小规则,字体会按原样显示。

  • 我认为这可能与我在body元素上使用速记规则有关,但切换到long-form没有任何效果。

  • 我检查了其他网站(除了我自己的网站),以确保它不是我不知道的浏览器设置,它发生在本地开发网站和现场制作中。

    < / LI>

是否有其他人遇到此问题,或者任何人都可以看到为什么会发生这种情况?

0 个答案:

没有答案