直接適應rem
百度嘗試了壹些方法,都不合適。
後來我都試過了,終於成功了。我們來記錄壹下。
1.妳需要安裝1。NPM安裝post CSS-保存。
2.Postcss-pxtorem NPM安裝post css-px torem-save//將CSS中的px轉換成rem。
3.lib-flexible NPM安裝lib-flexible-save//將動態設置html的根fontsize。
*如果postcss-pxtorem報告不正確,請嘗試安裝版本5.1.1。
2.安裝後,在postcss.config.js文件中配置它。
3.然後直接導入到入口文件main.js中
4.在vue.config.js中添加配置(此處修改後需要重啟項目)。
5.還有壹個想法,是我從壹個博主那裏看到的。我需要修改lib-flexible的源代碼。
在node _ modules/lib-flexible/flexible . js中,找到
結束,重啟項目。
請註意,如果是內嵌樣式,樣式的寬度和高度將不會生效。