css - CSS bkg图像绝对和居中，但在调整窗口大小时也希望它左：0px

Question

 <style>
  .menu_bkg {
  position: absolute;
  top: 0px;
  width:  100%;
  height: 314px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(http://sphotos-a.xx.fbcdn.net/hphotos-ash3/578806_10151347589633079_1588853150_n.jpg
  );
  }
</style>


<div class="menu_bkg"></div>

图像的居中工作......但希望它定位在 left:0px 当窗口 veiw 宽度变得小于图像的宽度时；而不是继续向左滚动和切断窗口越收紧。这甚至可行吗？有任何想法吗。谢谢。

附言。我简化了代码，您可以复制并粘贴到任何编辑器中进行快速测试。

Answer 1

使用 CSS 媒体查询 -

@media screen and (min-width : 800px){
  .menu_bkg {
    background-position: 0px 0px;
  )

}