title: How to use CSS media query to scale background-image to viewing window
body: <p>I have this large image as a background for a website:</p>
  
  <pre><code>body {
      background: #000 url(/assets/img/living.jpg) no-repeat center center;
      background-attachment: fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height:100%;
  }
  </code></pre>
  
  <p>But on my mobile device (iPhone 4S - Safari), the <code>background-attachment: fixed</code> does't seem to be having the same effect as it would on a desktop. Why is that and can I use a media query to fix that?</p>