先用vue-cli快速構建出乙個專案，然後，安裝postcss，postcss-pxtorem，postcss-loader，postcss-import，postcss-url；
我用的vue-cli3,所以在 vue.config.js 檔案的 exports **塊中新增以下**
module.exports =
,"postcss-url":,
"postcss-aspect-ratio-mini":,
"postcss-write-svg":,
"postcss-cssnext":,
"postcss-px-to-viewport":,
"postcss-viewport-units":}
}
rem相容可檢視我上篇部落格：移動端rem適配（vue&h5）-實踐記錄
移動端vw單位適配
一.專案中配置postcssrc.js，同時安裝好對應的外掛程式 module.exports 解決 import引入路徑問題 postcss url 該外掛程式主要用來處理檔案，比如檔案 字型檔案等引用路徑的處理.autoprefixer 自動處理瀏覽器字首，不用在乙個個加字首啦 postcss ...
移動端vw適配方案
在移動端適配有很多種方案，有flex布局，百分比布局，響應式布局，還有vw布局，下面講解以下vw布局 首先我們得明確vw是什麼？vw viewpoint width，視窗寬度，1vw 視窗寬度的1 vw是一種css單位。1vw相當於視窗寬度的1 100vw相當於100 這種布局和百分比布局有點類似。...
rem 和vw結合適配移動端
rem 這個單位對於前端來說並不陌生了,在移動端適配方面,我們經常會用到它,通常我們會採用類似 flexible.js 的方案,寫px,然後通過外掛程式轉化成rem,然後得出一堆小數值的rem單位.這個方案已經用了很多年,相容性很好,然而現在已經2018年了,許多相容性問題現在不再那麼頭疼了,因此我...