システムインタフェース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();
    });