// 设计屏幕大小 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" }); }