一种特殊的网页适应手机全屏幕的办法
其实就是使用一个特殊的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();
})();
近期评论