在微信小程序開發(fā)中，大家盡量使用rpx為單位,

px實(shí)際上就是系統(tǒng)級(jí)的rem（把頁(yè)面按比例分割750份，1rpx=window.innerWidth/750），或者scale伸縮布局的width=750。也就是說(shuō)，微信小程序的rpx布局幫大家把rem布局的js設(shè)置根元素字體尺寸這步省了，用rpx就減少了媒體查詢的那些步驟

通過(guò)rpx，大家只需要根據(jù)750的設(shè)計(jì)稿寫代碼即可，不必?fù)?dān)心它在各個(gè)平臺(tái)的適配情況，

rem的優(yōu)勢(shì)：rem是淘寶移動(dòng)web端就是采用此方案，其中r可以理解成root，不同的頁(yè)面設(shè)置不同頁(yè)面的根元素的font-size的值，就可以達(dá)到響應(yīng)式布局

或者是媒體查詢?cè)O(shè)置根元素的尺寸

@media screen and (min-width: 320px) {html { font-size: 100px; } } @media screen and (min-width: 360px) { html { font-size: 112.5px; } }

flex布局：flex布局就是流式布局，即寬度永遠(yuǎn)鋪滿頁(yè)面寬度，但高度和其他單位仍然用px

轉(zhuǎn)載于:https://www.cnblogs.com/lhyforfront/p/6343976.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的关于微信小程序的尺寸关系的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。