Убрать горизонтальное движение / покачивание со страниц, оптимизированных для iPhone

Question

Я пытаюсь оптимизировать наши новостные страницы для iPhone. Одна проблема, которую я заметил, заключается в том, что я могу нажимать и перемещать страницу горизонтально (т.е. покачиваться).

Мой вопрос: как я могу предотвратить это горизонтальное движение?

Все наши новостные страницы имеют эту проблему. Вот пара примеров:

• С рисунком
• без изображения

Answer 1

Что-то определенно установлено больше, чем ширина вашего устройства.Добавьте следующее к своему css, чтобы найти преступника.

* { border-style:solid; }

Затем можно сузить область поиска, установив border-color:red; для отдельных классов / тегов / идентификаторов.

Answer 2

Добавить "overflow-x: hidden" на теле.

Answer 3

Вы можете попробовать установить user-scalable = 0;и посмотрим, окажет ли это какое-либо влияние.

Answer 4

У меня тоже был iPhone "покачивается" на веб-странице.Это было вызвано тем, что изображение было шире, чем ширина столбца, в котором он находился (это был последний столбец в строке с помощью Twitter Bootstrap).Вы можете думать «очевидно», но это трудно определить, когда фон изображения соответствует фону страницы.

Просто сделайте изображение адаптивным или меньше ширины столбца - это решило его для меня.

Answer 5

Это тоже случилось со мной, и это было результатом дополнительного закрывающего тега div. Как только я убрал лишние </div>, горизонтального «покачивания» больше не происходило.

Answer 6

Если взять идею с других сайтов, у большинства крупных сайтов есть мобильный сайт. посмотрите на них (единственный, кого я знаю, это Facebook m.facebook.com), вы можете увидеть, как делается CSS. Возможный способ сделать это%. Я бы предложил вынуть боковую панель для мобильной версии. большие изображения должны быть удалены или изменены, чтобы браузер не имел полосы прокрутки из стороны в сторону.