rem的使用方法

一、概念 

rem的使用方法_第1张图片

 rem的使用方法_第2张图片

 rem是相对于根元素的字体大小设定的,默认为16px=1rem。

em是相对与父一级元素字体大小设定的,不确定是多少了就。

二、案例

rem的使用方法_第3张图片

 屏幕变化字体跟着变化,最大为40px。rem的使用方法_第4张图片

自适应布局,只有红色在边,黄色不边。

rem的使用方法_第5张图片

你可能感兴趣的:(css,html,前端)