css常用的五个单位

css中常用的单位由px、em、rem、vh、vw

• px（像素）

px是绝对单位，一个像素代表一个点。如100px*100px的正方形，则是由宽度100个点，长度100个点组成的平面

• em

em是相对单位，它的参考对象是它的父级的字号，如父级字号是16px，如果设置元素的字号大小为2em的话，元素的字号大小则为32px

• rem

rem由页面的根元素html的字号决定，浏览器一般默认的字号为16px，如设置元素的字号大小为1rem，则元素的字号大小为16px

使用rem的好处是：当我们改变了浏览器的字号设置时，页面的字号也会随之发生变化，这个设置会非常方便老年人浏览网页

 

• vh

浏览器视觉窗口的高度，分为100份，每份为1vh，如我们设置元素高度为20vh，则元素的高度为视觉窗口高度的20%

• vw

浏览器视觉窗口的宽度，分为100份，每份为1vw，如我们设置元素宽度为100vh，则元素的宽度为视觉窗口宽度的100%

vh和vw在开发全屏时非常方便