一种特殊的网页适应手机全屏幕的办法
其实就是使用一个特殊的em属性,并使用js动态设置当前页面的百分比,下面是代码:
var base = 70; (function () { function adaptive() { if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; var html = document.getElementsByTagName('html')[0]; html.style.fontSize = ((winWidth / 360) * base) + "%"; } window.onresize = function () { setTimeout(adaptive, 0); }; adaptive(); })();
近期评论