I've developed a site using bootstrap as my framework, my responsive layout is misbehaving on some tablets and phones.
1. When testing on my Android Galaxy Tab and Kindle the site only fills half the screen.
2. The site loads properly on the iphone in portrait but when rotated to landscape it seems to zoom in and only shows half of the page. The opposite of the Android issue.
I have my meta viewport set as:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Has anybody else ever experienced these issues? I can't seem to figure out what would be causing the issue. When I test on my desktop in chorme and firefox the layout collapses and expands as expected.