在移動端日常開發(fā),多使用rem單位,因?yàn)樗軌蚝芎玫慕鉀Q屏幕適應(yīng)問題堤器。
在小程序中,小程序框架提供了rpx(responsive pixel)末贾,可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)吼旧。rpx其實(shí)是微信對于rem的一種應(yīng)用的規(guī)定,或者說一種設(shè)計的方案
如上圖中未舟,
pt為邏輯分辨率圈暗,與屏幕尺寸有關(guān), 可以理解為長度單位裕膀;
px為物理分辨率员串,與屏幕尺寸無關(guān),用于描述像素點(diǎn)的多少昼扛;
小程序框架規(guī)定屏幕寬為750rpx寸齐。如在 iPhone6 上,屏幕寬度為375(pt)抄谐,共有750個物理像素(px)渺鹦,那么750rpx = 375pt = 750px。所以iPhone6下:1px = 1rpx =0.5pt;
建議設(shè)計稿建議以iPhone6的分辨率(750x1334px)為基準(zhǔn)蛹含。這樣的情況下1rpx=1px毅厚。
另:不是所有單位都適合rpx,有一些比如字體標(biāo)題不需要自調(diào)整就不實(shí)用rpx浦箱。