title: My html site is not displaying in mobile devices
body: <p>I am using the following CSS link code on my site:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="index_files/front.css" media="all" type="text/css" &gt;
  </code></pre>
  
  <p>and also the following code </p>
  
  <pre><code>&lt;meta name="HandheldFriendly" content="True"&gt;
  &lt;meta name="MobileOptimized" content="320"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"&gt;
  &lt;meta http-equiv="cleartype" content="on"&gt;
  </code></pre>
  
  <p>Here is my site links - <a href="http://www.etutorbd.com/shopi/" rel="nofollow noreferrer">http://www.etutorbd.com/shopi/</a>. It's displaying properly in desktop browser but It's not displaying in mobile browser. I have checked in my android phone. I have found this answered <a href="https://stackoverflow.com/questions/4135096/my-phone-is-not-displaying-the-mobile-oriented-version-of-my-site">My phone is not displaying the mobile oriented version of my site</a> but It's not working for me. I didn't found any console error. I had a problems like "Error: Failed to execute 'send' on 'XMLHttpRequest' ". But I have fixed that. What am I doing wrong here?  Is there any jQuery or CSS media type issues.</p>