關(guān)于長(zhǎng)度單位，你還只是會(huì)使用px嗎？讓我們來(lái)看看如何使用長(zhǎng)度單位在頁(yè)面自適應(yīng)。

• 長(zhǎng)度單位分絕對(duì)長(zhǎng)度單位和相對(duì)長(zhǎng)度單位。
  • 絕對(duì)長(zhǎng)度單位是一個(gè)固定的值，它反應(yīng)一個(gè)真實(shí)的物理尺寸，絕對(duì)長(zhǎng)度單位視輸出介質(zhì)而定，不依賴(lài)于環(huán)境（顯示器、分辨率、操作系統(tǒng)等）。
  • 而相對(duì)長(zhǎng)度單位，你看相對(duì)二字就可以看出其長(zhǎng)度單位他會(huì)有一個(gè)參考值，會(huì)隨著它的參考值變化，是一種動(dòng)態(tài)的長(zhǎng)度單位，更適合適配不同場(chǎng)景應(yīng)用。
• 常用的相對(duì)長(zhǎng)度單位

• px（像素）

　　像素為影視顯示的基本單位，譯自英文pixel，pix是英文單詞picture的常用縮寫(xiě)，加上英語(yǔ)單詞element元素，就得到pixel，故像素表示畫(huà)像元素之意，有時(shí)又被稱(chēng)為pel（pictureelement）。

　　通常說(shuō)的顯示分辨率，其實(shí)是桌面設(shè)定的分辨率（桌面分辨率）而不是顯示屏最大可支持的分辨率（物理分辨率）。

　　列如有一個(gè)寬為100px的p標(biāo)簽，在800x600分辨率下占顯示面積的1/8，而在1980x1080分辨率下則占據(jù)1/19，這也是為什么說(shuō)它是動(dòng)態(tài)的主要原因。

　　簡(jiǎn)單來(lái)說(shuō)，px會(huì)隨著桌面分辨率的變大變小和改變，參考點(diǎn)就是桌面分辨率，在不同桌面分辨率下會(huì)顯示出不同的效果。目前而已比較流行的還是1920x1080桌面分辨率。

• em（相對(duì)于父親）

　　基于當(dāng)前元素的font-size大小，如果沒(méi)設(shè)置就是繼承父元素的font-size。

　　如果作用于font-size時(shí)，1em就等于父元素的font-size。

　　em單位具有級(jí)聯(lián)關(guān)系。

　　em會(huì)隨著font-size的大小改變而改變。

• rem（相對(duì)根元素）

　　默認(rèn)情況下：1rem=16px，這是因?yàn)闉g覽器的默認(rèn)字體大小為16px，且html標(biāo)簽的的字體大小不會(huì)被輕易修改。

• %（百分比）

• vw（viewpointwidth?視窗寬度）

　　一個(gè)單位是指視圖寬度的1%。

• vh（viewpointheight?視窗高度）