(1)單位要用 rpx rpx（responsive pixel）: 可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。 需要根據不同的情況決定使用 rpx 還是 px 絕大部分情況下使用rpx 少部分情況 如字體的大小 設置body 的情況

(2)字體設置： 蘋果默認字體 是 平方 安卓默認字體 是 思源 小程序全局設置樣式 是 app.wxss 小程序會在外部自動的添加一個 page 我們可以利用這里做一些全局樣式
(3)組件樣式的繼承： color font
定義在 app.wxss 中的樣式為全局樣式，作用于每一個頁面。在 page 的 wxss 文件中定義的樣式為局部樣式，只作用在對應的頁面，并會覆蓋 app.wxss 中相同的選擇器。

(4)組件之間最好不要留空白間距 減少使用 padding
(5)元素設置flex 并不會讓它變成block 會讓它的子元素變成 block 它本身的塊狀元素不會被取消 display:inline-flex; 會讓元素的寬度自適應

轉載于:https://www.cnblogs.com/guangzhou11/p/11272759.html

總結

以上是生活随笔為你收集整理的学习旧岛小程序 （3）组件的样式的全部內容，希望文章能夠幫你解決所遇到的問題。

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