移动端适配怎么搞呢
Mrzhuhaobin opened this issue · 2 comments
Mrzhuhaobin commented
用的flexible.js的rem方案做的适配,生成二维码ios正常显示,安卓机二维码尺寸过大,没适配成功
jazzg62 commented
我也遇到了这个问题,然后用js获取视口宽度的,根据视口宽度来修改他的width和height的
JslinSir commented
/**
* 计算分辨率
* 以6s为基础
* 设计稿 宽 750px == 375px
*/
export const caculateRatio = () => {
const screenWidth = document.body.clientWidth
const rate = screenWidth / 375
return rate
}
/**
* 计算当前设备 设计稿px 转 实际px 值
* @param {*} pxVal
* @returns
*/
export const pxToPx = pxVal => {
const _6sVal = pxVal / 2
const rate = caculateRatio()
const devicePxVal = Math.round(_6sVal * rate)
return devicePxVal
}
用法: pxToPx(120)