小程序中rpx與px的區(qū)別

在小程序中尺寸的大小一般用px或者rpx為單位，其中px就是傳統(tǒng)意義上的像素值，不能很好的適應(yīng)不同分辨率的手機(jī)，因此rpx出現(xiàn)了

1、rpx可以自適應(yīng)手機(jī)分辨率，適配當(dāng)前機(jī)型

2、px是絕對大小。

rpx

rpx（responsive pixel）: 可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。規(guī)定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個(gè)物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

設(shè)備	rpx換算px (屏幕寬度/750)	px換算rpx (750/屏幕寬度)
iPhone5	1rpx = 0.42px	1px = 2.34rpx
iPhone6	1rpx = 0.5px	1px = 2rpx
iPhone6 Plus	1rpx = 0.552px	1px = 1.81rpx

建議：開發(fā)微信小程序時(shí)設(shè)計(jì)師可以用 iPhone6 作為視覺稿的標(biāo)準(zhǔn)。

注意：在較小的屏幕上不可避免的會(huì)有一些毛刺，請?jiān)陂_發(fā)時(shí)盡量避免這種情況。

微信小程序有哪幾個(gè)特點(diǎn)

返回列表暫無

相關(guān)推薦

移動(dòng)互聯(lián)網(wǎng) 鑄就行業(yè)典范

Mobile Internet

微信公眾號開發(fā)

以微信公眾號為承載平臺，打造專屬定制化的公眾號開發(fā)，以良好的用戶體驗(yàn)操作體驗(yàn)，形成更具黏性的公眾服務(wù)號平臺。
微信小程序

無須關(guān)注與下載，超載傳統(tǒng)的APP應(yīng)用，實(shí)現(xiàn)更輕的應(yīng)用更快的傳播。以更好的UI設(shè)計(jì)與程序響應(yīng)速度，將輕應(yīng)用廣泛傳播使用。
H5營銷頁

整合品牌互聯(lián)化傳播理念，從文案策劃到頁面交互設(shè)計(jì)，將網(wǎng)媒廣告以更直接生動(dòng)的形式傳弟給用戶，并最終形成轉(zhuǎn)化與形象記憶。