新手博主多多支持
文章目錄
- 前言
- 一、rpx介紹
-
二、rpx原理
- 1.原理
- 2.單位換算
- 總結(jié)
前言
例隨著互聯(lián)網(wǎng)的不斷發(fā)展，小程序這門技術(shù)也越來越重要，很多人都開啟了學(xué)習(xí)微信小程序的學(xué)習(xí)，本文就介紹了微信小程序之rpx的基礎(chǔ)內(nèi)容。
一、rpx介紹
??rpx是小程序獨(dú)有的，用來解決屏適配的尺寸單位
二、rpx原理
1.原理
rpx的實(shí)現(xiàn)原理:
????rpx的實(shí)現(xiàn)原理非常簡(jiǎn)單:鑒于不同設(shè)備屏幕的大小不同，為了實(shí)現(xiàn)屏幕的自動(dòng)適配
????，rpx把所有設(shè)備的屏幕，在寬度上等分為750份(即當(dāng)前總寬度為750rpx)
??????·在較小的設(shè)備上，1rpx代表的寬度較小
??????·在較大的設(shè)備上，1rpx所代表的寬度較大
??????小程序在不同設(shè)備上運(yùn)行的時(shí)候，會(huì)自動(dòng)把rpx的樣式單位換算成對(duì)應(yīng)的像素
??????單位來渲染，從而實(shí)現(xiàn)屏幕的適配
2.單位換算
?rpx與px之間的單位換算*
????????開發(fā)微信小程序時(shí)，設(shè)計(jì)師可以用iphone6作為視覺稿的標(biāo)準(zhǔn)
????????開發(fā)舉例:在iPhone6上如果要繪制寬100px，高20px的盒子，換算成rpx單位，寬高分別為200rpx和40rpx文章來源：http://www.zghlxwxcb.cn/news/detail-493936.html
總結(jié)
提示：這里對(duì)文章進(jìn)行總結(jié)：
例如：以上就是今天要講的內(nèi)容，本文僅僅簡(jiǎn)單介紹了rpx的原理和換算文章來源地址http://www.zghlxwxcb.cn/news/detail-493936.html
到了這里，關(guān)于【微信小程序】rpx的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
