自适应屏幕

<div id="center1" class="cen_container">
  <div class="center1_bg">
    <img src="../css/images/index.jpg">
  </div>
  <div class="center1-content">
    <div class="dataBlock"></div>
    <div class="searchBlock"></div>
    <div class="callBlock"></div>
   </div>
</div>

#center1{ width:100%;min-height:634px !important;position: relative; margin:0 auto;position: relative;}
.center1_bg{width: 100%;height: 100%;background: url("../images/index_1.jpg") center center no-repeat;position: absolute;top: 0;left: 0;z-index: -1;}
.center1_bg img{width: 100%;height:auto;min-width: 1350px;}
.center1-content{width: 990px;height: 100%;margin: 0 auto;position: relative;}

var change_c1 = function(){
  var w_height = $(window).height();
  var img_r = 1920 /1080;
  var window_r = $(window).width() / $(window).height();
  if(window_r >= img_r){
    $(".center1_bg img").css({
      'width' : '100%',
      'height' : 'auto'
    });
  }else{
    $(".center1_bg img").css({
      'width' : 'auto',
      'height' : '100%'
    });
  }
  var cen1_height = (w_height - 80 + 37) >= 600 ? (w_height - 80 + 37) : 600;
  $('#center1,.center1_bg').height(cen1_height + 'px');
  var resizeTimer = null;
  $(window).on('resize', function () {
      if (resizeTimer) {
        clearTimeout(resizeTimer)
      }
      resizeTimer = setTimeout(function(){change_c1();}, 200);
    }
  );
}