limitScreen.js

//-----------------------------------限制横竖屏切换：-------------------------------------//

$(function(){
    	function roScreen(){
		var body_=document.getElementsByTagName('body')[0];
		var html_=document.getElementsByTagName('html')[0];
		var WB = document.documentElement.clientWidth,
        HB = document.documentElement.clientHeight;
		body_.style.width = (HB > WB ? WB : HB )+'px';
    	body_.style.height = (HB > WB ? HB : WB) +'px';
		/*html_.style.width = WB+'px';
    	html_.style.height = HB+'px';*/
        //限制条件（竖屏）
		if(WB>HB){
            $('body').css({'transform':'rotate(90deg)','-webkit-transform':'rotate(90deg)','left':WB+'px'});
			// $('body').css({'transform':'rotate(0)','-webkit-transform':'rotate(0)','left':'0'});
			// $('body').attr('hs','1');
		}else{
            $('body').css({'transform':'rotate(0)','-webkit-transform':'rotate(0)','left':'0'});
			// $('body').css({'transform':'rotate(90deg)','-webkit-transform':'rotate(90deg)','left':WB+'px'});
			// $('body').attr('hs','0');
		}
	}
	window.addEventListener('resize',function(){
		roScreen();
	});
	roScreen();
    })