Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove horizontal movement / wiggle from iPhone optimized pages

I'm trying to optimize our News pages for iPhone. One problem I've noticed is that I'm able to tap and move the page horizontally (i.e. wiggle).

My question is, how I can prevent this horizontal movement from happening?

All of our News pages have this problem. Here are a couple examples:

  • With picture
  • Without picture
like image 903
Ryan Avatar asked May 26 '11 17:05

Ryan


3 Answers

Something is definitely set greater than your device width. Add the following to your css to find the culprit.

* { border-style:solid; }

You can then narrow down your search by setting border-color:red; to individual classes/tags/ids.

like image 86
JasonDScott Avatar answered Nov 14 '22 15:11

JasonDScott


Add "overflow-x: hidden" on the body.

like image 41
David Kaneda Avatar answered Nov 14 '22 15:11

David Kaneda


You can try setting user-scalable=0; and see if that has any effect.

like image 1
jaminguy Avatar answered Nov 14 '22 16:11

jaminguy