title: Background image bigger than viewport
body: <p>Let say I have for smartphone visits to my site</p>
  
  <pre><code>    &lt;meta name="viewport" content="width=360, initial-scale=1.0, user-scalable=no" /&gt;
  </code></pre>
  
  <p>and a big background image like 1000x1000.</p>
  
  <p>I only want to be able to fix the size of my background image, even if it's bigger than the viewport, to allow stuff like a zoom.</p>
  
  <pre><code>&lt;body style="background: black url('pic.jpg') no-repeat; "&gt;
  </code></pre>
  
  <p>works fine with the original size, but </p>
  
  <pre><code>&lt;body style="background: black url('pic.jpg') no-repeat; background-size:750px"&gt;
  </code></pre>
  
  <p>limit the size of my picture to the viewport width.</p>
  
  <p>So my question : how can I set the background image size to the any value if it's bigger than the viewport width ?</p>