CSS中單位總結(jié)
px
px（像素）是CSS中最為常用的一種單位粮彤，傳統(tǒng)上一個(gè)像素對(duì)應(yīng)計(jì)算機(jī)屏幕上的一個(gè)點(diǎn)出革，對(duì)于高清屏則對(duì)應(yīng)更多。
%
百分比也較為常用或颊。其中對(duì)font-size設(shè)置百分比值時(shí)霞掺，是以瀏覽器默認(rèn)字體大小16px為參照計(jì)算的谊路。
em
em是一種計(jì)算方式為相對(duì)于父元素的字體大小的單位，1em等于父元素設(shè)置的字體大小菩彬，如果父元素沒有設(shè)置字體大小缠劝，則繼續(xù)往父元素查找，直到有設(shè)置大小的骗灶，若都沒有設(shè)置大小惨恭，則使用瀏覽器默認(rèn)大小。
CSS中常用屬性里使用em這樣計(jì)算方式的屬性有：
- border
- width
- height
- padding
- margin
- line-height
例如：
p{
font-size: 16px;
padding: 1.5em /*此處1.5em=1.5*16px*/
}
rem
rem和em類似矿卑，也是相對(duì)單位喉恋。rem的參照物是根元素HTML的font-size沃饶，因此母廷，如果改變HTML的font-size值，那么所有使用的rem單位大小都會(huì)隨著改變糊肤，適用于移動(dòng)端琴昆。（不支持IE8以下）
v系單位
v系單位常用于移動(dòng)端，是基于瀏覽器用來顯示內(nèi)容的區(qū)域大小馆揉，也就是視窗大小來就算的业舍。
具體分為4個(gè)：
- vw：基于視窗的寬度計(jì)算，1vw等于視窗寬度的百分之一
- vh：基于視窗的高度計(jì)算升酣，1vh等于視窗高度的百分之一
- vmin：基于vw和vh中最小值來計(jì)算舷暮，1vmin等于最小值的百分之一
- vmax：基于vw和vh中最大值來計(jì)算，1vmax等于最大值的百分之一
單位運(yùn)算
CSS中可以使用CSS函數(shù)calc()來通過計(jì)算確定一個(gè)屬性的值噩茄。
例如：
width:calc(100%-80px);
