I observe that on sites for example http://twitter.com and http://www.linkedin.com, when opened up within an Ipad using safari, the page's width is locked towards the window so even when you attempt to scroll flat it won't budge, whereas on my small site the frame will move, revealing a gray background.

Does anybody understand how the web pages in the above list do that.

I'm while using:

<meta name="viewport" content="width=1024, initial-scale=1.0, maximum-scale=2.0">

as the best way to control some qualities but haven't yet uncover the best way to lock/avoid the page from having the ability to range from left to right. vertical scrolling is ideal ofcourse.

Simply to clarify, the page does not possess a horiz scroll bar because it is fixed to 1024px and it is centered, never-the-less, if you use your finger and move it from left to right or the other way around it'll slowly move the entire window and show gray behind it. It will likely be great to discover how pages stop that from happening.

Thanks men and that i be thankful, once more this really is difficult to find around the tinterwebs and really should prove useful for other people who wish to perform the same. :D