酷屏自适应屏幕分辨率脚本

736
0

功夫熊猫 小试身手Lv3

发表于2021-10-24 15:16

楼主
完全auto:在代码中增加一个脚本代码,命名为main.js,输入如下脚本:

// JavaScript Document
function doPageScale(){
    //        先把缩放效果还原
            var rptDom = $("#editor")[0];
            rptDom.style.transform = "none";
    //                自动自适应
            var parentNode = rptDom.parentNode;
            var pheight = parentNode.offsetHeight, pwidth = parentNode.offsetWidth;
            var eheight = rptDom.offsetHeight, ewidth = rptDom.offsetWidth;
            var scalew = (pwidth/ewidth);
            var scaleh = (pheight/eheight);
            parentNode.style.overflow = "hidden";
            //rptDom.style.cssText += ";transform-origin: 0 0;transform: scale(' + scale + ');"
            $(rptDom).css({"top":"50%","left":"50%","transform-origin":"0 0","transform": "scale(" + scalew + "," + scaleh + ") translate(-50%, -50%)"});
    }


    $(window).bind("resize", function(){
            doPageScale();
    });

    doPageScale();


最近看过此主题的会员

灰龙

0个回答

只看楼主

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

渠道咨询电话:137-0120-6790

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号