I have a web app where the index area is set to the present page width ‘Mobile’. This works great in PC browsers and mobile browsers in portrait mode. Take a look:
On PC browsers the index area is fixed width and the blank space is filled with background colour. This is the way I want it to be.
The problem is when the web app is rotated on a mobile device. It stretches the main index area to fit the width of the device. This means that on mobile devices in landscape mode the visual elements are impractically enlarged, and the app scrolls vertically which I don’t want it to do.
Please, can anyone give me some advice? I hope I’m not missing an obvious solution, but I can’t figure it out.