响应元素高度与背景

Question

我有一个这样的例子：

HTML

<section class="section_1"></section>

CSS

.section_1{
  float:left;
  width: 100%;
  height: 500px;
  background: url(../img/tmp.jpg) center center no-repeat;
}

我想知道高度不是静止但它应该有max-height：500px;而且应该缩放，具体取决于屏幕分辨率。

Tnx寻求帮助。