davidshimjs / qrcodejs

Cross-browser QRCode generator for javascript

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

移动端适配怎么搞呢

Mrzhuhaobin opened this issue · comments

用的flexible.js的rem方案做的适配,生成二维码ios正常显示,安卓机二维码尺寸过大,没适配成功

我也遇到了这个问题,然后用js获取视口宽度的,根据视口宽度来修改他的width和height的

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)