css - Viewport width issue on responsive mobile template

Question

I am trying to convert a poorly designed template to a responsive design, found here:http://www.crhinc.com/about-mobile.html

Im having an issue where on desktop browser sized to mobile the template looks and works great, but on android and iphone, the page is larger than the viewport. i know i must be missing something, but as you can see, i have outlined the elements just to get try and see if i can find out whats in there that is stretching it outside the viewport and cause mobile phones to scroll from side to side but not desktop browsers.

i set the body up for 300px width just to see if i could find the rogue element, but put it back because it did not work. there are a few tables in the content, but all set to 100% width.

for some reason, it almost looks like the width in the desktop and on mobiles or not actually the same.

Jeff

Answer 1

Do you actually think it is the viewport? Do you have the viewport set with the right content?

Maybe this link could help.

Or is it just the CSS? In that case I would recommand you searching for width and such. Trying to find big numbers..

Setting a specified width should be for specified screen sizes. Otherwise make it max-width.