XinXiangXLX_UI/WebChartNewE.../js/resolution.js

// 设计屏幕大小
var  designWidth  =  1920;   //设计宽度
var  designHeight  =  1080;  //设计高度
var  designBg=1002;  
var sizeChangeWidth = document.documentElement.clientWidth; //浏览器宽度
var sizeChangeHeight = document.documentElement.clientHeight; //浏览器高度
var getWidthScale = sizeChangeWidth/designWidth; //浏览器宽度与设计宽度的比值
var getScale = sizeChangeHeight/designHeight; //浏览器高度与浏览器高度的比值
var changeBot=1020/900;  //根据客户需求,需要把页面加宽的长度
var changSize =sizeChangeWidth/sizeChangeHeight; //浏览器宽度与浏览器高度的比值
var getHeightScale;
$(function() {
	console.log(sizeChangeWidth);
	console.log(sizeChangeHeight);
	console.log(getScale);
	console.log(changSize);
	
	if (changSize>=1.7) {
		getHeightScale=getScale*changeBot; 
		getScreenImg=1002*getScale;
		$(".swiper-pagination").hide()
		$(".swiper-button-next, .swiper-button-prev").css({
			"width": 40*getHeightScale+"px",
			"height": 40*getHeightScale+"px"
		});
	}else{
		getHeightScale=getScale;
		getScreenImg=885*getScale;
		
		$(".swiper-button-next, .swiper-button-prev").css({
			"width": 51*getHeightScale+"px",
			"height": 20*getHeightScale+"px",
			"position":"fixed",
			"top": "auto",
			"bottom": "7%"
		});
		$(".swiper-pagination").css({
			"position":"fixed",
			"left": "0%",
			"bottom": "6%"
		});
		$(".swiper-button-prev").css({
			"background": "url(img/go_prev1.png) no-repeat",
			"left": "35%"
		});
		$(".swiper-button-next").css({
			"background": "url(img/go_next1.png) no-repeat",
			"right": "35%"
		});
	}
	console.log(getHeightScale);
	changeSize();
	if (sizeChangeHeight<900) {
		$(".display_order").hide();
		$(".order_num").show();
	}else{
		$(".order_num").hide();
		$(".display_order").show();
	}
	if (sizeChangeHeight<930&&sizeChangeHeight>=750) {
		$(".hideDiv").hide();
		$(".hideDiv750").show();
	} else if (sizeChangeHeight<750) {
		$(".hideDiv750").hide();
		$(".hideDiv").show();
		$(".hideDiv").css({
			"margin-top": 25*getHeightScale+"px"
		});
		
	}
})
function changeSize(){
	$("body").css({
		"height": sizeChangeHeight+"px",
		"font-size": 16*getHeightScale+"px"
	});
	
	$("#nav").css({
		"font-size":32*getHeightScale+"px",
		"letter-spacing":5*getHeightScale+"px",
		"line-height": 80*getHeightScale+"px",
		"height": 60*getHeightScale+"px"
	});
	$("#wrap").css({
		"width": 1500*getHeightScale+"px",
		"margin": "0 auto",
		"height": getScreenImg+"px"
	});
	$(".slide_title").css({
		"width": 157*getHeightScale+"px",
		"height": 28*getHeightScale+"px"
	});
	$(".slide_title5").css({
		"width": 209*getHeightScale+"px",
		"height": 28*getHeightScale+"px"
	});
//	第一屏
	$(".time_box").css({
		"font-size": 18*getHeightScale+"px"
	});
	$(".times, .selects").css({
		"line-height": 32*getHeightScale+"px",
		"height": 32*getHeightScale+"px",
		"margin-left": 16*getHeightScale+"px",
		"padding-left": 15*getHeightScale+"px"
	});
	$("#time3").css({
		"width": 230*getHeightScale+"px",
		"font-size": 16*getHeightScale+"px"
	});
	$(".orderTtype_Con ul li").css({
		"height": 560*getHeightScale+"px",
		"padding-left": 10*getHeightScale+"px",
		"padding-top": 40*getHeightScale+"px"
	});
	$(".orderTtype_Con ul li .active").css({
		"height": 545*getHeightScale+"px"
	});
	$(".orderType>.orderTtype_Con ul li img").css({
		"width": 90*getHeightScale+"px",
		"height": 70*getHeightScale+"px",
		"padding": 0*getHeightScale+"px",
		"margin-left": 38*getHeightScale+"px",
		"margin-top": 25*getHeightScale+"px"
	});
	$(".typeWord").css({
		"width": 169*getHeightScale+"px",
		"margin-top": 10*getHeightScale+"px",
		"font-size": 22*getHeightScale+"px",
	});
	$(".typeWord:before").css({
		"height": 4*getHeightScale+"px",
		"bottom": -13*getHeightScale+"px"
	});
	$(".typeWord_line").css({
		"font-size": 18*getHeightScale+"px",
		"margin-bottom": 23*getHeightScale+"px",
		"width": 166*getHeightScale+"px"
	});
	$(".typeWord_line:before").css({
		"height": 2*getHeightScale+"px",
		"bottom": -10*getHeightScale+"px"
	});
	$(".typeWord_line:before").css({
		"width": 166*getHeightScale+"px"
	});
	$(".order_count").css({
		"font-size": 16*getHeightScale+"px",
		"width": 166*getHeightScale+"px"
	});
	$(".persent_kuang").css({
		"width": 75*getHeightScale+"px",
		"height": 75*getHeightScale+"px",
		"font-size": 14*getHeightScale+"px",
		"margin-left": 32*getHeightScale+"px",
		"line-height": 75*getHeightScale+"px"
	});
	$(".persent_word").css({
		"font-size": 18*getHeightScale+"px",
		"margin-top": 3*getHeightScale+"px",
		"margin-left": 50*getHeightScale+"px"
	});

	$(".orderStatistic>div>ul li").css({
		"height": 130*getHeightScale+"px",
		"width": 270*getHeightScale+"px",
		"margin-top": 40*getHeightScale+"px"
	});
	$(".orderStatistic>div>ul li div").css({
		"font-size": 16*getHeightScale+"px",
		"margin-left": 27*getHeightScale+"px"
	});
	$(".orderStatistic>div>ul li div.alert_link ").css({
		"font-size": 16*getHeightScale+"px",
		"top": 37*getHeightScale+"px",
		"right": -15*getHeightScale+"px",
		"width": 150*getHeightScale+"px",
		"height": 100*getHeightScale+"px"
	});
	$(".onerogPos ul li img").css({
		"width": 50*getHeightScale+"px",
		"height": 50*getHeightScale+"px",
		"padding-left": 37*getHeightScale+"px",
		"padding-top": 25*getHeightScale+"px"
	});
	$(".num_size").css({
		"height": 50*getHeightScale+"px",
		"line-height": 50*getHeightScale+"px",
		"font-size": 22*getHeightScale+"px"
	});
//	图样式
	$(".nubma").css({
		"width": 121*getHeightScale+"px",
		"height": 30*getHeightScale+"px",
		"font-size": 16*getHeightScale+"px"
	});
	$(".sipPos2").css({
		"width": 400*getHeightScale+"px",
		"height": 200*getHeightScale+"px"
	});
	$(".sipPos1").css({
		"width": 670*getHeightScale+"px",
		"height": 400*getHeightScale+"px"
	});
	$(".aaa").css({
		"width": 180*getHeightScale+"px",
		"margin-left": 20*getHeightScale+"px"
	});
	$(".ccc").css({
		"width": 200*getHeightScale+"px",
		"height": 200*getHeightScale+"px"
	});
	$(".bbb").css({
		"width": 100*getHeightScale+"px",
		"height": 100*getHeightScale+"px"
	});
	$(".topLeft5 input").css({
		"width": 200*getHeightScale+"px",
		"height": 28*getHeightScale+"px",
		"line-height": 28*getHeightScale+"px"
	});
	
	//第三屏
	
	$("#customer_exceed").css({
		"width": 140*getHeightScale+"px",
		"height":32*getHeightScale+"px",
		"margin-right": 15*getHeightScale+"px"
	});
	$(".tagBox").css({
		"height": 600*getHeightScale+"px"
	});
	$(".tagcloud").css({
		"height": 580*getHeightScale+"px"
	});
	$(".tagcloud>div").css({
		"font-size": 13*getHeightScale+"px",
		"height": 267*getHeightScale+"px"
	});
	$(".table_box_key").css({
		"font-size": 13*getHeightScale+"px",
		"height": 510*getHeightScale+"px"
	});
	
	$(".table_box_key table thead tr td").css({
		"font-size": 14*getHeightScale+"px",
		"line-height": 32*getHeightScale+"px"
	});
	
	$(".pieDiv1").css({
		"width": 730*getHeightScale+"px",
		"height": 520*getHeightScale+"px"
	});
	$("#time2").css({
		"width": 230*getHeightScale+"px"
	});
	$("#time1").css({
		"width": 230*getHeightScale+"px",
		"height": 28*getHeightScale+"px"
	});
	
}