标签：字体大小 元素 高度 单位 视口 1% 宽度 CSS 度量

1.em

相对长度单位，相对于当前对象内文本的字体尺寸，根据父元素的字体大小变化而变化。父元素的字体大小为20px，当前元素字体大小2em=2*20px=40px；

2.rem

相对长度单位，相对于根元素（html元素）字体的尺寸，不会受父元素的大小的影响。根元素的字体大小为16px，父元素的字体大小为20px，当前元素字体大小2em=2*16px=32px；

3.vw和vh

vw、vh全称viewport width、viewport height，视口的宽度和高度。相当于视口宽度、高度的1%。

4.vmin和vmax

视口宽度和高度的最小值、最大值的1%。例如，视口的宽度为1200px，视口的高度为800px，那么视口宽度、高度的最小值为800px，视口宽度、高度的最大值为1200px。则1vmin=800px*1%=8px，1vmax=1200px*1%=12px。

5.px

像素，绝对单位。物理屏幕能显示出的最小的一个点的尺寸。

标签：字体大小,元素,高度,单位,视口,1%,宽度,CSS,度量
来源： https://blog.csdn.net/tts819372500/article/details/116233735

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。