title: responsive image not working on safari mac and safari iPhone
body: <p>im making a website, but the responsive image for safari mac/iphone is not working
  here is my code </p>
  
  <pre><code>    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="Content-Language" content="es"&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;meta property="og:locale" content="es"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"&gt;
      &lt;title&gt;Reparación iPhone – iPad, iPod | iFixed&lt;/title&gt;
      &lt;link href="style.css" rel="stylesheet" type="text/css" media="all" /&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;nav&gt;&lt;a href="http://www.ifixed.mx"&gt;&lt;img src="LayerMain.png" style="max-width: 100% height: auto" /&gt;&lt;/a&gt;&lt;/nav&gt;
  </code></pre>
  
  <p>and this is the css</p>
  
  <pre><code> img {
      max-width: 100% !important;
      height: auto !important;
  }
  </code></pre>