移动端页面满屏自适应方案(采用rem作为单位,设计稿为750 * 1334 或者设计稿为640 * 1334)
- 此方案删除了dpr,保留rem
- 满屏自适应,要求设计稿为750 * 1334
- 单位换算为1rem = 100px
<head>
<script src="rem.min.js"></script>
<script>
new Rem({
desinWidth:750, //750这个值,根据设计师的psd宽度来修改,是多少就写多少,插件默认750
num:100 //100这个值,是1rem = 100px的比例 默认100比1的 可修改自己的比例 计算
})
</script>
</head>
$ npm install --save layout-rem
import rem from 'layout-rem';
new Rem({
desinWidth:750, //750这个值,根据设计师的psd宽度来修改,是多少就写多少,插件默认750
num:100 //100这个值,是1rem = 100px的比例 默认100比1的 可修改自己的比例 计算
})
使用2
var rem = require('layout-rem')
var rem = {
desinWidth:750, //750这个值,根据设计师的psd宽度来修改,是多少就写多少,插件默认750
num:100 //100这个值,是1rem = 100px的比例 默认100比1的 可修改自己的比例 计算
}