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

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

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

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

總結(jié)

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

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