title: Media queries don't work on Android and iPhone
body: <p>I'm trying to make a website responsive and looking good on smartphones and tablets. </p>
  
  <p>Here's a link to this website: <a href="http://fineart.d.dev.vendo.no/" rel="nofollow">http://fineart.d.dev.vendo.no/</a></p>
  
  <p>The problem is that my mobile devices don't see a media queries I wrote specifically for them.
  I know that this question is really often asked here on Stackoverflow but I didn't found any solution for this problem. Here's my code:</p>
  
  <pre><code>@media only screen and (max-width: 768px) {
      /* Some mobile-specific code goes here */
  }
  </code></pre>
  
  <p>I tried to use <code>max-device-width</code> and added </p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  </code></pre>
  
  <p>to the  section but without success :(</p>
  
  <p>Could you please help me to solve this issue? I realy stuck with it and need your help.</p>
  
  <p>Thank you in advance!</p>