-
-
功夫熊猫 小试身手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();
// 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();