CSS自适应vw和rem单位

前端开发   发布日期:2023年05月05日   浏览次数:193
html{font-size:4vw;}

.part_a{width:23vw;font-size:1rem}

使用百分比长度单位,当前百分比长度单位一般如下:vw、vh、vm、em、rem、%,优点:一套css代码即可适应所有屏幕宽度不同的手机;

vw:相对于视口的宽度,视口被均分为100单位的vw;即将当前屏幕宽度均分为100份,1vw即为当前屏幕宽度的1%;优点:vw单位长度准确分明,常用此单位,推荐使用此单位。

rem:相对长度单位,相对于根元素(即html元素)内文本的字体尺寸。

以上就是CSS自适应vw和rem单位的详细内容,更多关于CSS自适应vw和rem单位的资料请关注九品源码其它相关文章!