How to disable horizontal scrolling on iphone

Question

I have a web app written in html5 with css3 that works find on iPad and android. Problem is, on iPhones, the whole page seems be scrolled sideways when I pull it. (Only happens on iPhones). it's not a scroll bar problem , since horizonly - the body element is 100% the screen width. so overflow is not the way to go here. could any one help please?

Answer 1

this might help,add these metas to your code :

<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=1, user-scalable=no" name="viewport" />