title: viewport meta tags issue on mobile devices
body: <p>I have a somewhat-responsive Bootstrap website. Above 1200px, the container is 1170px wide and below that, it scales down to 970px. Anything below that will also get the 970px version.</p>
  
  <p>In my meta tags, I have this:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  </code></pre>
  
  <p>Everything works perfectly on Desktop computers as well as on iPhone or iPad devices. However on Android based mobiles like Samsung Galaxy (where the viewport is 360x640px I believe), the website shows fine too in landscape mode, except that it is zoomed in every time a page loads. Meaning it shows fine, but the user would have to scroll left and right. The user can zoom out and then it shows full-width without having to scroll, but the next time a page loads, the same happens again.</p>
  
  <p>Is there any simple way to adjust/fix this?</p>
  
  <p>I tried removing the width=device-width part, but that messes with the design on iOS devices and 1px lines don't show properly.</p>