1. 程式人生 > >【taro最佳實踐】設定好基礎開發字型尺寸

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

設定開發字型尺寸

我感覺在一個專案當中,務必一開始就設定好這個尺寸,關係後今後專案的一個統一管理問題。那麼應該怎麼設定這個呢?

設計思路

按照慣例,我們開發專案的時候,儘量不要為難自己,如果按照2倍圖,來開發的話,處處想著2倍,在開發的過程中,想參考其它專案的樣式,發現在瀏覽器中,看到的只是1倍,我們拿過來樣式還得自己換算比較麻煩個人建議統一配置一倍,比較通用一些,如果你的其它專案都是2倍,那就設定2倍。
配置方式:
  • 預設的只有幾個尺寸 如果自己不主動新增的話,編譯後悔報:NANpx
  • 在 根目錄的config.js 檔案裡面配置
  designWidth: 750,
  deviceRatio:{
    '750': 1/2,
    '375': 1
  },
這樣配置後我們在專案中,寫10px 會編譯成 20rpx 符合小程式的尺寸,也方便自己寫1倍

把這個基礎尺寸配置好,我們就可以愉快的進行專案了。