课程名称：2周刷完100道前端优质面试真题
课程章节：第4章 前端面试技能拼图2 ：前端基础知识 ， 必知必会
主讲老师：双越

课程内容：

今天学习的内容包括：
4-7 -px-%-em-rem-vw-vh有什么区别——CSS的像素宽度单位的使用及差异。

课程收获：

px和%

• px基本单位，绝对单位（其他的都是相对单位)
• %相对于父元素的宽度比例

em 和 rem

• em相对于当前元素的font-size
• rem相对于根节点的font-size

vw/vh

• vw屏幕宽度的1%
• vh屏幕高度的1%
• vmin两者的最小值，vmax两者的最大值

划重点

• CSS 基本功
• 不同的使用场景

tips

• em 常用于首行缩进等功能
• rem 常用于手机端适配
• vw/vh 常用于特定情况
• 还有类似rpx、upx等是一些第三方工具提供的适配单位

今天的 学习了 px-%-em-rem-vw-vh有什么区别，这些单位主要分为绝对单位，相对单位，px为绝对单位，其他为相对单位，在这里统一进行了学习了解。

下一步就是 学习 什么时候不能使用箭头函数。今天学习就先到这里吧。

坚持打卡，坚持学习，未来可期，加油😀~

​​​​​​​

​