移动端单位rem解析

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是为移动端量身打造的那,可以这样写


移动端单位rem解析_第1张图片

你可能感兴趣的:(移动端单位rem解析)