移动端适配的方法

由于不同的公司项目要求不同,适配方法也不同
有的禁止图片等资源缩放,会使用 左右padding的写法
此处用的方法皆为缩放
1 通过meta适配,说白了就是缩放

使用方法:根据设计稿 更改 上文的 750即设计尺寸,页面中采用px写量多少px即为多少
2 对meta有要求









用法:对最后两个尺寸进行修改
//designWidth:设计稿的实际宽度值,需要根据实际设置
//maxWidth:制作稿的最大宽度值,需要根据实际设置
//这段js的最后面有两个参数记得要设置,一个为设计稿实际宽度,一个为制作稿最大宽度,例如设计稿为750,最大宽度为750,则为(750,750)
用法 如div 宽度为 550px 则为5.5rem

你可能感兴趣的:(移动端适配的方法)