h 5移動端適合(px->vw/vh)
vwアダプティブ
1.browserslistrcファイル
not deadの削除
2.インストール依存
cnpm i -S postcss-px-to-viewport
3.ルートディレクトリの下で作成
postcss.config.jsファイルの構成は次のとおりです.
1.browserslistrcファイル
not deadの削除
2.インストール依存
cnpm i -S postcss-px-to-viewport
3.ルートディレクトリの下で作成
postcss.config.jsファイルの構成は次のとおりです.
module.exports = {
"plugins": {
"postcss-px-to-viewport": {
"unitToConvert": "px",
"viewportWidth": 375,
"viewportHeight": 667,
"unitPrecision": 3,
"propList": ["*"],
"viewportUnit": "vw",
"fontViewportUnit": "vw",
"selectorBlaskList": [".ignore-"],
"mediaQuery": false,
"minPixelValue": 1,
"replace": true,
"exclude": [],
"landscape": false,
"landscapeUnit": "vw",
"landscapeWidth": 1134
}
}
}