html 手机图标,移动端项目常用html头及css整理

无标题文档

(function(doc,win){

var docEl = doc.documentElement,

mycss = doc.getElementById("mycss"),

isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),

dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1,

dpr = window.top === window.self ? dpr : 1, //被iframe引用时，禁止缩放

resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';

docEl.dataset.dpr = dpr;

var recalc = function(){

var width = docEl.clientWidth;

mycss.innerHTML = "";

if(width/dpr > 750){

width = 750 * dpr;

mycss.innerHTML = "body{width:750px;margin-right:auto!important;margin-left:auto!important;}";

}

docEl.dataset.width = width;

docEl.dataset.percent = 100 * (width / 750);

docEl.style.fontSize = 100 * (width / 750) + 'px';

};

recalc();

if(!doc.addEventListener) return;

win.addEventListener(resizeEvt,recalc,false);

})(document,window);