title: My website is not being responsive on some mobile devices
body: <p>I have <a href="http://www.coding-kids.net" rel="nofollow">my website</a> and I have been making it responsive with a mixture of bootstrap, foundation and w3.css. To test that it works on small screens, I have been resizing the browser window on my laptop to mimic a mobile device. It has worked fine, and I have now published my site. However, I have come to test it on my iPod touch 5 (which mimics and apple device) and it does not show the responsive version. I tried it on my android phone, too, and it is not responsive. I have tried it on a windows phone, though, and it works fine. I have not been relying on technology that detects which device you are on, only on screen width. I think this problem may be something to do with the screen resolution. Here is the CSS that controls my website:</p>
  
  <pre><code>@media (max-width: 767px)
  {
      .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a
      {
          color: #ffffff;
      }
      .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover, .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus
      {
          color: #ffffff;
      }
      .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a, .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover, .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus
      {
          background-color: #0089ff;
          color: #ffffff;
      }
  }
  @media (min-width: 767px)
  {
      body
      {
          padding-top: 230px;
      }
      ul.nav li.dropdown:hover ul.dropdown-menu
      {
          display: block;
      }
  }
  @media (max-width: 767px)
  {
      body
      {
          padding-top: 130px;
      }
  }
  @media (min-width: 768px)
  {
      #resize
      {
          width: 30%;
      }
  }
  @media (min-width: 768px)
  {
      #alignp
      {
          text-align: center;
      }
  }
  </code></pre>
  
  <p>As I said, I have used this along with bootstrap, foundation and w3.css, all standard versions. I hope you can help.</p>