一种特殊的网页适应手机全屏幕的办法

其实就是使用一个特殊的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();
})();

发表评论

电子邮件地址不会被公开。 必填项已用*标注