首页  >  js知识点  >  javascript让不同的浏览器统一视图画面的方法

function getBrowserInfo() {
  var ua = navigator.userAgent.toLocaleLowerCase();
  var browserType = null;
  if (ua.match(/msie/) != null || ua.match(/trident/) != null) {
    browserType = "IE";
    browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.match(/msie ([\d.]+)/)[1] : ua.match(/rv:([\d.]+)/)[1];
  } else if (ua.match(/firefox/) != null) {
    browserType = "火狐";
    $('html').css("zoom", ".80");
  } else if (ua.match(/ubrowser/) != null) {
    browserType = "UC";
  } else if (ua.match(/opera/) != null) {
    browserType = "欧朋";
  } else if (ua.match(/bidubrowser/) != null) {
    browserType = "百度";
  } else if (ua.match(/metasr/) != null) {
    browserType = "搜狗";
  } else if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {
    browserType = "QQ";
  } else if (ua.match(/maxthon/) != null) {
    browserType = "遨游";
  } else if (ua.match(/chrome/) != null) {
    browserType = "谷歌";
    var is360 = _mime("type", "application/vnd.chromium.remoting-viewer");

    function _mime(option, value) {
      var mimeTypes = navigator.mimeTypes;
      for (var mt in mimeTypes) {
        if (mimeTypes[mt][option] == value) {
          return true;
        }
      }
      return false;
    }
    if (is360) {
      browserType = '360';
    } else {
      $('html').css("zoom", ".80");
    }
  } else if (ua.match(/safari/) != null) {
    browserType = "Safari";
  }
  return browserType;
}
if (getBrowserInfo() == "IE") {
  $('html').css({
    'font-size': 'calc(4.17334401709399vw)'
  });
}
if (getBrowserInfo() == "谷歌") {
  $('html').css({
    'font-size': 'calc(6.510417vw)'
  });
}