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

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

通過rpx，大家只需要根據750的設計稿寫代碼即可，不必擔心它在各個平臺的適配情況，

rem的優勢：rem是淘寶移動web端就是采用此方案，其中r可以理解成root，不同的頁面設置不同頁面的根元素的font-size的值，就可以達到響應式布局

或者是媒體查詢設置根元素的尺寸

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

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

轉載于:https://www.cnblogs.com/lhyforfront/p/6343976.html

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。