前端面试题HTML+CSS基础篇——css单位

css单位

CSS有几个不同的单位用来表示长度。一些设置CSS长度的属性有width，margin，padding，font-size，border-width等。

数字与单位之间不能出现空格。如果长度值为 0，则可以省略单位。

1. px

像素，是应用最为广泛的一种css单位，相对长度单位，相对于不同显示器屏幕的分辨率而言

2. em

相对长度单位，相对于当前对象内文本的字体尺寸，如果当前文本的字体尺寸未被设置，则相对于浏览器的默认字体尺寸而言

== px 和 em 的区别：px是固定的，em是不固定的，em会继承父级元素的字体大小==
3. rem

css3新增单位，多用于响应式布局，作用于非根元素时，相对于根元素字体大小，作用于根元素时，相对于其初始字体大小

== em 和 rem 的区别：em是相对于父级元素而言的，rem是根据 根元素(html)字体大小而言的==

4. vw/vh

视窗宽度/视窗高度 == 1vw=视窗宽度的百分之一 1vh=视窗高度的百分之一 ==

5. rpx

rpx是微信小程序中为了解决自适应屏幕尺寸而使用的一个单位 1rem = （750/20）rpx = 37.52px