CSS自适应vw和rem单位

寻技术 Html/CSS / React 2023年07月08日 85
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元素)内文本的字体尺寸。

关闭

用微信“扫一扫”