如何根據(jù)設(shè)計(jì)稿進(jìn)行移動(dòng)端適配？

移動(dòng)端適配主要有兩個(gè)維度：

????1.適配不同像素密度，?針對(duì)不同的像素密度，使用 CSS 媒體查詢(xún)，選擇不同精度的圖片，以保證圖片不會(huì)失真；

????2.適配不同屏幕大小，?由于不同的屏幕有著不同的邏輯像素大小，所以如果直接使用 px 作為開(kāi)發(fā)單位，會(huì)使得開(kāi)發(fā)的頁(yè)面在某一款手機(jī)上可以準(zhǔn)確顯示，但是在另一款手機(jī)上就會(huì)失真。為了適配不同屏幕的大小，應(yīng)按照比例來(lái)還原設(shè)計(jì)稿的內(nèi)容。

????為了能讓頁(yè)面的尺寸自適應(yīng)，可以使用 rem，em，vw，vh 等相對(duì)單位。