px、em、rem 的區(qū)別及使用場(chǎng)景

三者的區(qū)別：

????1.px 是固定的像素，一旦設(shè)置了就無(wú)法因?yàn)檫m應(yīng)頁(yè)面大小而改變。

????2.em 和 rem 相對(duì)于 px 更具有靈活性，他們是相對(duì)長(zhǎng)度單位，其長(zhǎng)度不是固定的，更適用于響應(yīng)式布局。

????3.em 是相對(duì)于其父元素來(lái)設(shè)置字體大小，這樣就會(huì)存在一個(gè)問(wèn)題，進(jìn)行任何元素設(shè)置，都有可能需要知道他父元素的大小。而 rem 是相對(duì)于根元素，這樣就意味著，只需要在根元素確定一個(gè)參考值。

使用場(chǎng)景：

????1.對(duì)于只需要適配少部分移動(dòng)設(shè)備，且分辨率對(duì)頁(yè)面影響不大的，使用 px 即可 。

????2.對(duì)于需要適配各種移動(dòng)設(shè)備，使用 rem，例如需要適配 iPhone 和 iPad 等分辨率差別比較挺大的設(shè)備。