px属于固定单位,em属于父元素相对单位
浏览器的默认字体大小都是16px
兼容性:主流浏览器都兼容(IE9以上)
使用100%,在font-size="62.5%",因为浏览器默认字体大小是16px,
也就是说100% = 16px;那么1px = 6.25%,10px = 62.5%;
1rem = 62.5% = 10px;
定义:rem是相对于根元素的相对单位;
使用方法:
html{font-size:62.5%}
p,h1~h6{width:1rem;height:1.5rem;font-size:1.2rem}
为什么说rem是为移动端量身打造的那,可以这样写