CSS自适应vw和rem单位
1 2 3 | html{ font-size : 4 vw;}
.part_a{ width : 23 vw; font-size : 1 rem}
|
使用百分比长度单位,当前百分比长度单位一般如下:vw、vh、vm、em、rem、%,优点:一套css代码即可适应所有屏幕宽度不同的手机;
vw:相对于视口的宽度,视口被均分为100单位的vw;即将当前屏幕宽度均分为100份,1vw即为当前屏幕宽度的1%;优点:vw单位长度准确分明,常用此单位,推荐使用此单位。
rem:相对长度单位,相对于根元素(即html元素)内文本的字体尺寸。