安卓APP内嵌网页,不支持viewport

  var phoneWidth = parseInt(window.screen.width);
  var phoneScale = phoneWidth / 640;
  var ua = navigator.userAgent;
  if (/Android (\\d+\.\d+)/.test(ua)) {
    var version = parseFloat(RegExp.$1);
    // andriod 2.3
    if (version > 2.3) {
      document.write('<meta name="viewport" content="width=device-width, initial-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
    // andriod 2.3以上
    } else {
    document.write('<meta name="viewport" content="width=device-width,initial-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
    }
    // 其他系统
    } else {
    document.write('<meta name="viewport" content="width=device-width, initial-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ',user-scalable=no, target-densitydpi=device-dpi">');
  }

这段代码在IOS自带浏览器,安卓自带浏览器,任意浏览器,IOS app 都支持,
唯独在安卓APP通过WebView内嵌网页,显示不支持,

阅读 3.8k
1 个回答

....可能是你内嵌的app修改了ua.
不符合Android xx这样的

推荐问题