一. 專案中配置postcssrc.js，同時安裝好對應的外掛程式
module.exports = ， //解決@import引入路徑問題
"postcss-url": {}, //該外掛程式主要用來處理檔案，比如檔案、字型檔案等引用路徑的處理.
"autoprefixer": {}, //自動處理瀏覽器字首，不用在乙個個加字首啦
"postcss-write-svg": ,
"postcss-aspect-ratio-mini": {}, //處理元素容器
"postcss-px-to-viewport": ,
"postcss-viewport-units":{}， // 給css新增content的屬性，配合viewport-units-buggyfill庫解決適配問題.
}}
配置完以上就可以直接用px單位敲**了，在自己實際使用中體驗很不錯，但也碰到些問題，如下：
::after和::before : content如果設定了內容，那麼結果不會如我所願，如果設定content:''，那就沒事
對轉base64處理時也會出錯。。。
詳情跳轉大漠部落格：
移動端頁面適配之 vw
先用vue cli快速構建出乙個專案，然後，安裝postcss，postcss pxtorem，postcss loader，postcss import，postcss url 我用的vue cli3,所以在 vue.config.js 檔案的 exports 塊中新增以下 module.expo...
移動端vw適配方案
在移動端適配有很多種方案，有flex布局，百分比布局，響應式布局，還有vw布局，下面講解以下vw布局 首先我們得明確vw是什麼？vw viewpoint width，視窗寬度，1vw 視窗寬度的1 vw是一種css單位。1vw相當於視窗寬度的1 100vw相當於100 這種布局和百分比布局有點類似。...
移動端適配單位
之前做 的時候有聽前同事提起過，移動端的畫素單位是vw,今天剛好想起這個問題。vw就是用螢幕寬度做適配，移動端千奇百怪的尺寸，用寬度適配能避免好多問題。眾所周知css技術我們雖然很熟悉，在使用的過程卻很容易被困住，這讓我們在新問題出現的時候變得很不利。隨著web繼續不斷地發展，對於新技術新解決方案的...