meta name = viewport

meta name = viewport

<meta name="viewport" content="..." />
 // width 设置viewport宽度，为⼀个正整数，或字符串‘device-width’
 // device-width 设备宽度
 // height 设置viewport⾼度，⼀般设置了宽度，会⾃动解析出⾼度，可以不⽤设置
 // initial-scale 默认缩放⽐例（初始缩放⽐例），为⼀个数字，可以带⼩数
 // minimum-scale 允许⽤户最⼩缩放⽐例，为⼀个数字，可以带⼩数
 // maximum-scale 允许⽤户最⼤缩放⽐例，为⼀个数字，可以带⼩数
 // user-scalable 是否允许⼿动缩放

怎样处理 移动端 1px 被 渲染成 2px 问题

可以用 rem 配合响应式去控制

局部处理

1. mate 标签中的 viewport 属性 ， initial-scale 设置为 1

2. rem 按照设计稿标准⾛，外加利⽤ transfrome 的 scale(0.5) 缩⼩⼀倍即可；

全局处理

1. mate 标签中的 viewport 属性 ， initial-scale 设置为 0.5

2. rem 按照设计稿标准⾛即可

题外话

可以采用阿里的 flexible.js 处理