微信小程序 rpx 尺寸單位詳細介紹
微信小程序最近火了，大家開發(fā)微信小程序有沒有注意微信小程序?qū)κ謾C屏幕的要求或者影響呢，面對不同的手機屏幕，微信
rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進行自適應(yīng),
微信小程序尺寸單位rpx以及樣式
rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進行自適應(yīng)。
規(guī)定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.
rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進行自適應(yīng)。規(guī)定屏幕寬為750rpx。
如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0。
rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進行自適應(yīng)。規(guī)定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
設(shè)備 rpx換算px (屏幕寬度/750) px換算rpx (750/屏幕寬度)
iPhone5 1rpx = 0.42px 1px = 2.34px
iPhone6 1rpx = 0.5px 1px = 2rpx
iPhone6s 1rpx = 0.552px 1px = 1.81rpx
微信小程序也支持rem尺寸單位，rem和rpx的換算關(guān)系：rem: 規(guī)定屏幕寬度為20rem；1rem = (750/20)rpx
注：開發(fā)微信小程序時設(shè)計師可以用 iPhone6 作為視覺稿的標準。
感謝大家閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要介紹了 微信小程序 實現(xiàn)點擊添加移除class的相關(guān)資料,需要的朋友可以參考下2017-06-06
詳解JavaScript中數(shù)組的相關(guān)知識
這篇文章主要介紹了JavaScript中中數(shù)組的相關(guān)知識,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了微信小程序?qū)嵉姆诸愴撁嬷谱鞯南嚓P(guān)資料,需要的朋友可以參考下2017-06-06
微信小程序 教程之wxapp視圖容器 scroll-view
這篇文章主要介紹了微信小程序 教程之wxapp視圖容器 scroll-view的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序 MINA文件結(jié)構(gòu)的相關(guān)資料,這里詳細介紹了微信小程序的文件目錄及文件作用，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序 五星評價功能的實現(xiàn)的相關(guān)資料,這里附有實例代碼及實現(xiàn)效果圖，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了微信小程序 form組件詳解及簡單實例的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了javascript條件式訪問屬性和箭頭函數(shù)，下面文章圍繞條件式訪問屬性和箭頭函數(shù)的相關(guān)資料展開文章內(nèi)容,需要的朋友可以參考一下2021-11-11
微信小程序 加載 app-service.js 錯誤解決方法
這篇文章主要介紹了微信小程序 加載 app-service.js 錯誤詳解的相關(guān)資料,在開發(fā)微信小程序過程中出現(xiàn)了app-services.js的錯誤，并解決此問題，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序 生命周期的相關(guān)資料,創(chuàng)建、到開始、暫停、喚起、停止、卸載等過程，需要的朋友可以參考下2016-10-10