Closed Narutocc closed 6 years ago
rem是相对于根元素设置字体大小,只需要在根元素确定一个参考值。
html{font-size:62.5%;} /*10/16 * 100% = 62.5%*/ body{font-size:1.4rem;} /*1.4 * 10px = 14px*/ h1{font-size:2.4rem;} /*2.4 * 10px = 24px*/
在根元素中定义了一个基本字体大小为62.5%(也就是10px。设置这个值主要方便计算,如果没有设置,将是以“16px”为基准 )。 rem是CSS3新引进来的一个度量单位,支持的浏览器还是蛮多的,比如:Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+。
rem—font size of the root element
rem是相对于根元素设置字体大小,只需要在根元素确定一个参考值。
在根元素中定义了一个基本字体大小为62.5%(也就是10px。设置这个值主要方便计算,如果没有设置,将是以“16px”为基准 )。 rem是CSS3新引进来的一个度量单位,支持的浏览器还是蛮多的,比如:Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+。