title: How to set a standard mobile version of a website for every smartphone
body: <p>my website (<a href="http://sauleezy.altervista.org" rel="nofollow noreferrer">www.sauleezy.altervista.org</a>) has an error that I can't solve. I set two different .css files, one for desktop, style.css, and one for mobile, handheld.css. In my index I set this code:</p>
  
  <pre><code> &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
   &lt;link rel="stylesheet" type="text/css" href="style.css" media="only screen and (min-width: 1121px)"&gt;
   &lt;link rel="stylesheet" type="text/css" href="handheld.css" media="only screen and (max-width:1120px)"&gt;
  </code></pre>
  
  <p>and it works.
  The problem is that if I resize the page on my computer I can see the right mobile version of my website, but if I try to visit it from my smartphone I don't know why but it doesn't resize the content in the right why as from the computer. I have the right view also on mobile only if I check on google chrome the option "Desktop mode". In this case I have not the desktop version but the mobile version as I see it form the resized window from the computer.
  How can I solve it?
  If you click on my website and try, I'm sure you can understand. I hope my explanation isn't too bad. I apologize in advance.</p>