viewport

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

  

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

局部处理:mate 标签中的 viewport 属性 , initial-scale 设置为 1 rem 按照设计稿标准⾛,外加利⽤ transfrome 的 scale(0.5) 缩⼩⼀倍即可;

全局处理:mate 标签中的 viewport 属性 , initial-scale 设置为 0.5 rem 按照设计稿标准⾛即可。

posted on 2022-04-25 20:02  前端码牛  阅读(45)  评论(0编辑  收藏  举报

导航