title: Is there a way to make background image auto width, full height, height scroll, no width scroll
body: <p>I want to place a picture to background thus it was full screen, the width of image should change to body width and no horizontal scroll. On the other hand, I want height be with ratio to width (no distortion) and had vertical scroll.
  I am now doing:</p>
  
  <pre><code>html, body {
    margin: 0px;
    padding: 0px;
  }
  body
  {
      background-color: #767676;
  
  }
  #wrapper {
      position: absolute;
      min-height: 100%;
      width: 100%;
      background: url('back.jpg') no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      border: 0;
      background-size:100% auto;
  }
  </code></pre>
  
  <p>But it shrink height and no scroll.</p>