Page Width Peculiarities on Mobile Devices (Mobile Variant or not!)

[iannicholson]

Hi!

I wonder if anyone can shed some light on a few issues I'm having with page widths?

Ok, so I get that a page has a width, but some screens may be wider than my page. I like webpages that stretch an image or a bar of colour right across the page so there's no white margins on either side.

I do this on my website (www.biready.com.au)

However, I find that when viewed on a tablet or mobile phone, the browser there allows sideways scrolling to see the end of said colour bars. It appears the mobile variant totally disregards the page width and permits me to scroll into white space.

See the attached images to see what I mean. The iPad screenshot is using the same variant as my desktop browser which also has this problem.

How can I eliminate this problem?! How can I get my pages to not scroll beyond their page widths?