美文网首页
js-根据屏幕大小等比例放大缩小

js-根据屏幕大小等比例放大缩小

作者: 秋秋秋web | 来源:发表于2017-07-20 15:03 被阅读39次

    window.onresize= index.initMainBody;  //窗口大小变化时调用

    initMainBody: function () {

    var scaleWidthPercent = document.documentElement.clientWidth * 1.0 / 1920;

    var scaleHeightPercent = document.documentElement.clientHeight * 1.0 / 1080;

    $("#main_body").css({

    transform: "translateX(-50%) translateY(-50%) scale(" + Math.min(scaleWidthPercent, scaleHeightPercent) + ")"    //向左向上移动50%,这里不管比例怎么样,整个页面都会居中

    });

    }

    相关文章

      网友评论

          本文标题:js-根据屏幕大小等比例放大缩小

          本文链接:https://www.haomeiwen.com/subject/wynmcxtx.html