Rem用法实践1


为什么要设置html的font-size?


rem设置

rem就是根元素(即:html)的字体大小。

如果你把html的font-size设为20px,rem就是html的字体大小,那么1rem = 20px

浏览器一般都有最小字体限制,eg:chrome,最小中文字体就是12px,所以实际上没有办法让1rem = 1px

eg1是以750的设计稿宽度为标准,在750的基础上,font-size为100px;

orientationchange 是监听手机横竖屏切换的事件。

在设置了eg1段代码后,为了保证项目不被影响到,需要在body上添加:

body{    font-size: .16rem    }    这是为了保证在不设置大小的前提下,还能保证原有项目在浏览器默认的16px的基础上自适应

你可能感兴趣的:(Rem用法实践1)