I have a responsive web site, most of which works fine! When you tilt your iphone the layout rotates and scales up or down accordingly …apart from on 2 pages!
The first page I think the TABLE element is the culprit. Obviously it can only go so small. If I few the page in portrait view there is extra space to the right. Turning the phone to landscape view all of a sudden makes the page massively wide.
However, if I load the page in landscape mode it looks fine, as intended. Rotating back to Portrait view gives the same result as before, where you can scroll horizontally on the page.
The next issue is on a checkout page. Again most of the page works fine but the issue seems to be with the select. I hide the select and the page worked fine. I then gave the select a width of 50% which visually it did – but the layout still broke! I think this is caused by the options within the select are as long as “Democratic Republic of the Congo”. Is there away to stop this happening (without shorting all the options obviously – it is a checkout, the names need to be accurate).
If it is an iPhone, yeah sounds about right. I have a similar issue with document widths on my site. Very frustrating. If it is any other browser, it can be hard to see what is happening without an example.