美文网首页
淘宝移动端方案---计算浏览器屏幕倍数

淘宝移动端方案---计算浏览器屏幕倍数

作者: 叶叶叶xxx | 来源:发表于2019-05-20 18:41 被阅读0次
    // 获取屏幕缩放比方法
    const getDeviceRatio = function () {
      // const isAndroid = window.navigator.appVersion.match(/android/gi)
      const isIPhone = window.navigator.appVersion.match(/iphone/gi)
      let devicePixelRatio = window.devicePixelRatio
      let dpr = 1
      if (isIPhone) {
        // iOS下,对于2和3的屏,用2倍的方案,其余的用1倍方案
        if (devicePixelRatio >= 3) {
          dpr = 3
        } else if (devicePixelRatio >= 2) {
          dpr = 2
        } else {
          dpr = 1
        }
      } else {
        // 其他设备下,仍旧使用1倍的方案
        dpr = 1
      }
      return dpr
    }
    

    相关文章

      网友评论

          本文标题:淘宝移动端方案---计算浏览器屏幕倍数

          本文链接:https://www.haomeiwen.com/subject/zhjlzqtx.html