px em rem percent
1荔泳、PX單位
即像素為單位红伦，它是web發(fā)展初期人們推崇并認(rèn)可的激况，因?yàn)樗浅５木珳?zhǔn)穩(wěn)定
問題：人們使用瀏覽器訪問頁(yè)面時(shí)作彤，放大或縮小瀏覽器頁(yè)面，像素也會(huì)隨之變化乌逐，很容易打破我們的頁(yè)面布局竭讳，造成頁(yè)面亂掉的不好體驗(yàn)
2、EM單位
em是一個(gè)相對(duì)值浙踢，是一個(gè)相對(duì)于父元素的值绢慢，其真正的計(jì)算公式是：
1 / 父元素的font-size值 * 需要轉(zhuǎn)化的像素值 = em值
3、REM單位
REM是CSS3推出的字體單位
在[W3C]官網(wǎng)上是這樣描述[rem]的——“font size of the root element”
前面說(shuō)了“em”是相對(duì)于其父元素來(lái)設(shè)置字體大小的洛波，這樣就會(huì)存在一個(gè)問題胰舆，進(jìn)行任何元素設(shè)置，都有可能需要知道他父元素的大小蹬挤，在我們多次使用時(shí)缚窿，就會(huì)帶來(lái)無(wú)法預(yù)知的錯(cuò)誤風(fēng)險(xiǎn)。而[rem]是相對(duì)于根元素<html>焰扳，這樣就意味著倦零，我們只需要在根元素確定一個(gè)參考值，在根元素中設(shè)置多大的字體蓝翰，這完全可以根據(jù)您自己的需光绕，大家也可以參考下圖：
image.png
