システムインタフェース16:9 4:3アダプティブ
bodyは最小高さと幅を指定し、設計時にページデータがいっぱいにならないようにします.
scale , , 1920*1080
//
window.onresize = function() {
setAppScale();
};
function setAppScale() {
var ratioX = 1;
var ratioY = 1;
//
if($(window).width()<1366){
console.log("-------:",$(window).width());
//transform ,
var ratioX = $(window).width()/1366;
console.log("ratioX-------:",ratioX);
}
if($(window).height()<689){
console.log("-------:",$(window).height());
//transform ,
var ratioY = $(window).height()/689;
console.log("ratioY-------:",ratioY);
}
$("body").css({
transform: "scale("+ratioX+","+ratioY+")",
transformOrigin: "left top",
overflow:"hidden"
});
}
$().ready(function(){
//
setAppScale();
});