но сайт на айфоне в портретном режиме всё-равно могу двигать по-горизонтали и видеть белый фон по бокам. Как такое фиксить, что бы сайт скроллился только по-вертикали?
дай ссыль на верстку,что бы можно было локализовать проблему.Либо открывай firebug и иди по дереву,начиная от html и смотри какой из блоков выбивается по ширине что бы поставить overflow:hidden для родительского
splirit: Если имеется метатег вьюпорта и стоит оверфлоу-х, и при этом можно скроллить куда не надо - с 99% вероятностью один из блоков имеет большую ширину, чем вьюпорт телефона. Удостоверься что в мобильной версии все основные блоки имеют 100% ширины и их дочерние блоки имеют размеры относительно родителей. Сам 2 недели назад пилил ручками адаптив для сайта, и там так же имелся нежелательный скроллинг, который возникал из-за чрезмерно широких блоков.
Вопрос старый, но ответа нет, а в гугле на первом месте. По этому отвечу =)
Чтобы на айфонах/айпадах не скролило вбок надо к html, body задавать position:relative;
html, body {
position: relative;
max-width: 100%;
overflow-x: hidden;
}
Простой
