body的font-size为什么没有参照 根元素 html 去设置font-size，里面的标签好像没有问题

Question

html {

font-size: 62.5%;

color: #222;

}

 body {

  font-size: 1.2rem;

  line-height: 1.5;

  background-color: #f7f7f7;

 }

在浏览器里body 字体大小并没有根据62.5%来设置，，但是下面的   首页  那个导航  设置的是1.6rem 就确实是16px。

测试浏览器有：chrome ，360，猎豹

Answer 1

姜维 2016-08-22 11:43:07

是你设置了浏览器默认的字体大小？或者设置了什么其他的样式？

• 提问者 SnailShell #1

  浏览器默认字体是中号，和您在课里写的一样。火狐里没有问题，我把chrome浏览器升级到最新版本（52.）就没问题了。但是在360里依旧存留这个问题。包括我把您的源码拿过来删除到和我写的同样多内容的时候在360里和我当时42.几版本的chrome里都是有问题的。在这种情况下body设置的rem是根据100%来实现的，并没有根据参照根元素HTML。

• 提问者 SnailShell #2

  还有一个情况就是在360里每次刷新都会加载不同的字体大小，也就是有时候会正常按照62.5%来设置，再刷新页面字体大小就会变大。我一直没找出这是为什么。我把body同样跟HTML设置为62.5%就可以。

• 姜维 回复 提问者 SnailShell #3

  这个还真不太清楚，360的极速模式用的应该是webkit的内核，但是不知道具体是什么版本，可能有bug