天天看點

H5移動端螢幕适配

将以下代碼拷貝到你的初始頁面即可

<script>
	(function (doc, win) {
	    var docEl = doc.documentElement,
	        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
	        recalc = function () {
	            var clientWidth = docEl.clientWidth;
	            if (!clientWidth) return;
	            if (clientWidth >= 750) {
	                docEl.style.fontSize = '100px';
	            } else {
	                docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
	            }
	        };
	
	    if (!doc.addEventListener) return;
	    win.addEventListener(resizeEvt, recalc, false);
	    doc.addEventListener('DOMContentLoaded', recalc, false);
	})(document, window);
</script>
           

微信: zhengyukun521

QQ: 746832747

GitHub:zhengxiaolet

繼續閱讀