移動(dòng)設(shè)備的分辨率和rpx

從一張?jiān)O(shè)計(jì)圖的實(shí)現(xiàn)說(shuō)起

為什么模擬器下?iPhone6的分辨率是375，而設(shè)計(jì)圖一般給750？


pt也稱為邏輯分辨率

pt的大小和屏幕尺寸有關(guān)系，簡(jiǎn)單可以理解為長(zhǎng)度和視覺(jué)單位

px指物理分辨率，和屏幕尺寸沒(méi)有關(guān)系。點(diǎn)沒(méi)有大小之說(shuō)

1個(gè)pt可以由一個(gè)px構(gòu)成，也可以有兩個(gè)，還可以有三個(gè)甚至更多

iPhone6下2個(gè)px才構(gòu)成一個(gè)pt

如何做不同分辨率設(shè)備下的自適應(yīng)？

以iPhone6物理像素750X1334為視覺(jué)稿進(jìn)行設(shè)計(jì)，而在小程序中使用rpx為單位

iPhone6下1px = 1rpx = 0.5pt

使用rpx，小程序會(huì)自動(dòng)在不同的分辨率下進(jìn)行轉(zhuǎn)換，而使用px單位則不會(huì)

為什么要用iPhone6的物理分辨率來(lái)做設(shè)計(jì)圖？

iPhone6下1px = 1rpx? ?(容易換算)

iPhone?plus?下 1px = 0.6rpx

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容