大多数浏览器默认字体大小是16px,如图
也就是在不设置font-size的情况下,1rem = 16px。如果设置了font-size: 62.5%,这个百分比的意思是针对16px来设置,算下来也就是10px。
那么问题来了,响应式布局用rem为单位的话,是以父亲为标准,目前是1rem = 10px。我不明白的是:font-size: 62.5%这行代码还是以16为标准的,那不就说明父亲还是16px嘛? 为什么就成10px了。
大多数浏览器默认字体大小是16px,如图
也就是在不设置font-size的情况下,1rem = 16px。如果设置了font-size: 62.5%,这个百分比的意思是针对16px来设置,算下来也就是10px。
那么问题来了,响应式布局用rem为单位的话,是以父亲为标准,目前是1rem = 10px。我不明白的是:font-size: 62.5%这行代码还是以16为标准的,那不就说明父亲还是16px嘛? 为什么就成10px了。
这个是指的加载html上的 font-size: 62.5%才是 1rem=10px,rem本来就是相当于根的