【taro最佳實踐】設置好基礎開發字體尺寸

taro腳手架後面文章會慢慢講解更多技巧
https://github.com/wsdo/taro-...

設置開發字體尺寸

我感受在一個項目當中,務必一開始就設置好這個尺寸,關係後從此項目的一個統一管理問題。
那麼應該怎麼設置這個呢?git

設計思路

按照慣例,咱們開發項目的時候,儘可能不要爲難本身,若是按照2倍圖,來開發的話,到處想着2倍,
在開發的過程當中,想參考其它項目的樣式,發如今瀏覽器中,看到的只是1倍,咱們拿過來樣式還得本身換算比較麻煩
我的建議統一配置一倍,比較通用一些,若是你的其它項目都是2倍,那就設置2倍。
配置方式:
  • 默認的只有幾個尺寸 若是本身不主動添加的話,編譯後悔報:NANpx
  • 在 根目錄的config.js 文件裏面配置
designWidth: 750,
  deviceRatio:{
    '750': 1/2,
    '375': 1
  },
這樣配置後咱們在項目中,寫10px 會編譯成 20rpx 符合小程序的尺寸,也方便本身寫1倍

把這個基礎尺寸配置好,咱們就能夠愉快的進行項目了。github

相關文章
相關標籤/搜索