首页 > 安卓原生浏览器 minimum-scale=0.5 无效?

安卓原生浏览器 minimum-scale=0.5 无效?

PC上完成了页面 同时要适配下移动端

本着在移动端缩小一半来显示的

meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, user-scalable=0"

于是就有以上声名

iphone 上正常缩小

但....

安卓原生浏览大多不支持 都是原来1.0倍显示

求解决方案


javascript  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=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
    // andriod 2.3以上
    } else {
      document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
    }
    // 其他系统
  } else {
    document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
  }
【热门文章】
【热门文章】