I created a web viewer and although the CSS specifies the correct width, a user can still scroll sideways

In order to avoid 'sideways' scrolling in a web viewer, use the following tag in your code:

<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=2.0; user-scalable=1;"/>

Where:

• width is the width of your web viewer
• initial-scale: the initial view size - usually this will be "1" for 100%
• maximum-scale: maximum zoom level - "2" = 200% (if you want to allow pinch to zoom)
• user-scalable: 1 = yes (if you want to allow pinch to zoom)