码迷,mamicode.com
首页 > 移动开发 > 详细

在做H5APP时的高清屏解决方案

时间:2020-06-17 10:30:51      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:use   高清   cal   device   doc   hone   cto   view   tee   

// 高清屏解决方案
(function (baseFontSize, fontscale) {
var _baseFontSize = baseFontSize || 100;
var _fontscale = fontscale || 1;
var win = window;
var doc = win.document;
var ua = navigator.userAgent;
var matches = ua.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i);
var UCversion = ua.match(/U3\/((\d+|\.){5,})/i);
var isUCHd = UCversion && parseInt(UCversion[1].split(‘.‘).join(‘‘), 10) >= 80;
var isIos = navigator.appVersion.match(/(iphone|ipad|ipod)/gi);
var dpr = win.devicePixelRatio || 1;
if (!isIos && !(matches && matches[1] > 534) && !isUCHd) {
// 如果非iOS, 非Android4.3以上, 非UC内核, 就不执行高清, dpr设为1;
dpr = 1;
}
var scale = 1 / dpr;

var metaEl = doc.querySelector(‘meta[name="viewport"]‘);
if (!metaEl) {
metaEl = doc.createElement(‘meta‘);
metaEl.setAttribute(‘name‘, ‘viewport‘);
doc.head.appendChild(metaEl);
}
metaEl.setAttribute(‘content‘, ‘width=device-width,user-scalable=no,initial-scale=‘ + scale + ‘,maximum-scale=‘ + scale + ‘,minimum-scale=‘ + scale);
doc.documentElement.style.fontSize = _baseFontSize / 2 * dpr * _fontscale + ‘px‘;
})();

在做H5APP时的高清屏解决方案

标签:use   高清   cal   device   doc   hone   cto   view   tee   

原文地址:https://www.cnblogs.com/haojf/p/13150919.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!