XinXiangXLX_UI/WebChartNew/js/resolution.js

// 设计屏幕大小
var  designWidth  =  1920;  
var  designHeight  =  1080;
var getWidthScale = document.documentElement.clientWidth /  designWidth;
var getHeightScale = document.documentElement.clientHeight /  designHeight;
var sizeChangeWidth = document.documentElement.clientWidth;
var sizeChangeHeight = document.documentElement.clientHeight;
$(function() {
	console.log(sizeChangeWidth);
	console.log(sizeChangeHeight);
	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":38*getHeightScale+"px",
		"line-height": 60*getHeightScale+"px",
		"height": 60*getHeightScale+"px"
	});
	$("#wrap").css({
		"width": 1500*getHeightScale+"px",
		"margin": "0 auto",
		"height": 885*getHeightScale+"px"
	});
	$(".swiper-button-next, .swiper-button-prev").css({
		"width": 51*getHeightScale+"px",
		"height": 20*getHeightScale+"px"
	});
	$(".swiper-container").css({
		"margin-top": 30*getHeightScale+"px",
	});
	$(".slide_title").css({
		"width": 157*getHeightScale+"px",
		"height": 28*getHeightScale+"px"
	});
	$(".slide_title5").css({
		"width": 261*getHeightScale+"px",
		"height": 28*getHeightScale+"px"
	});
//	第一屏
	$(".time_box").css({
		"font-size": 14*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"
	});
	$(".orderTtype_Con ul li").css({
		"height": 545*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": 14*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({
		"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": 14*getHeightScale+"px",
		"margin-top": 3*getHeightScale+"px",
		"margin-left": 40*getHeightScale+"px"
	});

	$(".orderStatistic>div>ul li").css({
		"height": 120*getHeightScale+"px",
		"width": 250*getHeightScale+"px",
		"margin-top": 27*getHeightScale+"px"
	});
	$(".orderStatistic>div>ul li div").css({
		"font-size": 12*getHeightScale+"px",
		"margin-left": 27*getHeightScale+"px"
	});
	$(".orderStatistic>div>ul li div.alert_link ").css({
		"font-size": 12*getHeightScale+"px",
		"top": 40*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": 13*getHeightScale+"px"
	});
	$(".sipPos2").css({
		"width": 320*getHeightScale+"px",
		"height": 200*getHeightScale+"px"
	});
	$(".sipPos1").css({
		"width": 670*getHeightScale+"px",
		"height": 400*getHeightScale+"px"
	});
	$(".aaa").css({
		"width": 200*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": 121*getHeightScale+"px",
		"height":30*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"
	});
	
}