![[惊讶]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_68.1e326db.png)
![[撇嘴]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_14.8130d96.png)
![[发呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
大邒
ikun
|
鸡督教
获得徽章 0
赞了这篇文章
赞了这篇沸点
赞了这篇沸点
#每天一个知识点#
1rem、1em、1vh、1vw、1px各自代表的含义？vw和vh与百分比的区别？vw和%可以同时使用吗，比如宽度用vw，padding用%？ 讲讲viewport和移动端布局 【CSS】
1rem与网站根标签font-size有关，若html根标签设置font-size:20px,那么这里的1rem为20px；
1em与父元素有关，若父元素设置的font-size:20px;那么在子组件中2em就表示为40px；
1vh(Viewport Height)表示可视化窗口高度的的1%；
1vw(Viewport Width)表示可视化窗口宽度的的1% ；
1px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的；
vw和%同时使用可能会发生宽度自动滑动的问题，建议尽量宽度使用%。
1rem、1em、1vh、1vw、1px各自代表的含义？vw和vh与百分比的区别？vw和%可以同时使用吗，比如宽度用vw，padding用%？ 讲讲viewport和移动端布局 【CSS】
1rem与网站根标签font-size有关，若html根标签设置font-size:20px,那么这里的1rem为20px；
1em与父元素有关，若父元素设置的font-size:20px;那么在子组件中2em就表示为40px；
1vh(Viewport Height)表示可视化窗口高度的的1%；
1vw(Viewport Width)表示可视化窗口宽度的的1% ；
1px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的；
vw和%同时使用可能会发生宽度自动滑动的问题，建议尽量宽度使用%。
展开
4
9
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
，大家都是怎么办的
赞了这篇沸点