1、前段時間在寫項目的時候使用 vant 組件庫比較多，在使用vant中Toast時，在Chrome中手機模擬中測試正常，但是當網頁放到手機中時字體顯示特別小，但是你在vue文件中怎麼添加樣式都沒有用；
2、問題的原因可能是我之前寫的那種rem適配方案的問題；
解決辦法
在項目 App.vue 文件中添加樣式，在Elements中找到toast的類名。爲其添加樣式，把字體的大小擴大；並添加邊距就可以了；
樣式一定要寫在App.vue裏面纔會生效；
vue項目中Toast字體過小，沒有邊距
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
vant vue 修改默認的 placeholder顏色
::v-deep input.van-field__control::-webkit-input-placeholder { color: #C0CFFE; }
vant area地區選擇組件使用方法
目錄 一、介紹 二、引入 1、安裝vant 2、引入 三、使用 一、介紹 Vant 是有贊前端團隊開源的移動端組件庫，於 2017 年開源，已持續維護 4 年時間。Vant 對內承載了有贊所有核心