title: How to make an image full screen on mobile devices but not in desktop?
body: <p>I put an image to inform that my site is under construction. It's a 800x600 image that maintain it's original size when you access in desktop. It's the only thing in the page.</p>
  
  <p>I want to make it fit in the whole screen when people access it from cell phones. How?</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      body { background-color: #6BC5C5; }
  &lt;/style&gt;
  &lt;title&gt;Size is being moved to another server&lt;/title&gt;
  &lt;div style="margin: 0; padding: 0; left: 0; top: 0; border: 0; position: absolute;"&gt;
  &lt;img src="movedatacenter.jpg" alt="Under Maintenance" width="595" height="1021" align="left"&gt;&lt;/div&gt;
  </code></pre>