px、rpx、rem、pt、dpr學(xué)習(xí)筆記

1)px

????????分辨率是屏幕像素的數(shù)量,一般用屏幕寬乘以屏幕高度的像素點(diǎn),如iphone6的分辨率為750*1334;
????????英寸表示屏幕斜對角的長度;
????????分辨率分為物理分辨率和邏輯分辨率,設(shè)計(jì)師通常給的是物理分辨率,程序中用到的是邏輯分辨率,但都稱為分辨率,物理分辨率是硬件所支持的分辨率,邏輯分辨率是軟件可以達(dá)到的分辨率;
????????px是物理分辨率,和屏幕尺寸沒有關(guān)系,點(diǎn)是沒有大小的,只有個(gè)數(shù)之分,photoshop里面量出來的尺寸為物理像素點(diǎn);

2)pt

????????pt是邏輯分辨率,pt的大小和屏幕尺寸有關(guān)系,簡單可以理解為長度和視覺單位;
????????1個(gè)pt可以有1個(gè)px,也可以有2個(gè),3個(gè)或更多的px,但人的視網(wǎng)膜極限為2倍@2x,增加再多也不會讓屏幕看起來更加好了,比如iphone6,2個(gè)px構(gòu)成一個(gè)pt,ip6以物理像素750*1334這視覺稿進(jìn)行設(shè)計(jì);

3)dpr

????????像素倍率dpr=物理分辨率/邏輯分辨率,比如iphone6的像素倍率為(750*1334)/(375*667)=2;

4)rpx

????????微信小程序?qū)τ趓em的一種應(yīng)用規(guī)定,官方規(guī)定屏幕寬度為20rem,規(guī)定屏幕寬為750rpx,因此微信中1rem=750/20rpx,iphone6下,1px=1rpx=0.5pt,使用rpx作為單位,微信小程序會自動在不同的分辨率下進(jìn)行轉(zhuǎn)換,而使用px為單位不會轉(zhuǎn)換,iphone6p下1px=0.6rpx;

5)rem

????????在移動端做適配通常用rem作為單位,rem是根據(jù)html的fontsize去動態(tài)計(jì)算實(shí)際px;
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容