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