Горизонтальная прокрутка на iphone?

Question

[Дмитрий]

Прописываю

но сайт на айфоне в портретном режиме всё-равно могу двигать по-горизонтали и видеть белый фон по бокам. Как такое фиксить, что бы сайт скроллился только по-вертикали?

Comments

[Ольга]

Что прописываешь?) код походу скушался

[Ольга]

И не создавай,пожалуйста новые темы каждый раз...а то жесть какая-то

[Дмитрий]

Ольга: viewport прописываю. Сори, первый раз задаю тут вопрос ;)

[Nikolay Talanov]

body {overflow-x: hidden;} пробовали?

[Дмитрий]

Nikolay Talanov: да, эффекта нету

[Ольга]

дай ссыль на верстку,что бы можно было локализовать проблему.Либо открывай firebug и иди по дереву,начиная от html и смотри какой из блоков выбивается по ширине что бы поставить overflow:hidden для родительского

[Nikolay Talanov]

splirit: Если имеется метатег вьюпорта и стоит оверфлоу-х, и при этом можно скроллить куда не надо - с 99% вероятностью один из блоков имеет большую ширину, чем вьюпорт телефона. Удостоверься что в мобильной версии все основные блоки имеют 100% ширины и их дочерние блоки имеют размеры относительно родителей. Сам 2 недели назад пилил ручками адаптив для сайта, и там так же имелся нежелательный скроллинг, который возникал из-за чрезмерно широких блоков.

[Дмитрий]

Nikolay Talanov: это вараинт, сейчас проверю

Answer 1

[Иван К]

Вопрос старый, но ответа нет, а в гугле на первом месте. По этому отвечу =)
Чтобы на айфонах/айпадах не скролило вбок надо к html, body задавать position:relative;

html, body { 
    position: relative;
    max-width: 100%; 
    overflow-x: hidden; 
}

Answer 2

[Андрей Суржиков]

Проверьте, есть ли элементы, которые вылезают по ширине (больше чем viewport)
Ну и

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0"/>