在距離上次寫flexible适配pc手機端已經一月有餘了,發現了其中不好的地方:
1.flexible适配需要依靠dpr,蘋果dpr在各類型号中大緻相同,但安卓有于品牌過多,dpr千奇百怪。故flexible本身隻适配了蘋果手機,并沒有适配安卓
2.vw現在已被大部分遊覽器相容,而且運用在vue項目上也更加簡單明了
一、安裝postcss-px-to-viewport
npm i postcss-px-to-viewport -save -dev
二、配置package.json
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-px-to-viewport": {
"viewportWidth": 1920,//按照圖的設計尺寸來
"minPixelValue": 1
}
}
},
完成,相較flexible友善太多