Как убрать горизонтальный скролл в мобильниках?

Question

[Вася]

Есть сайт, у которого минимальная ширина 640пк, проблема в том, что когда заходишь с устройства у которого разрешение меньше 640пк появляться горизонтальный скролл. Стоит У боди задана минимальная ширина в 640. Как избавиться от этого скролла?

Answer 1

[Сергей Горячев]

Работаем со строкой meta name viewport.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Добавим идентификатор для упрощения работы m640.

<meta id="m640" name="viewport" content="width=device-width, initial-scale=1.0">

И подключим простенький скриптик куда-нибудь в head.

<script>
if (screen.width < 640)
{
    var mvp = document.getElementById('m640');
    mvp.setAttribute('content','width=640');
}
</script>

Скрипт подменяет значение ширины для экранов меньше 640 пикселей, так что сайт начинает "вписываться".
Проверено на iPhone 5.

Comments

[Вася]

По твоему это помощь в проблеме? Если нет совета по существу, зачем писать вообще.

[Сергей Горячев]

wordpost: Какой вопрос, такой и ответ. Нет кода, нет помощи. Гадать на кофейной гуще не интересно.

[Вася]

Если ссылку скину посмотришь?

[Вася]

Я что только не делал

[Сергей Горячев]

wordpost: Без проблем :)

[Вася]

job.growbig.ru/w/models-2
Спс)

[Вася]

Нужно чтобы на телефонах с разрешением в 320 пк было отображение 640

[Сергей Горячев]

wordpost: Поправил ответ.

[Вася]

Спасибо тебе) сейчас буду тестить.

[Вася]

Все хорошо в гугле, а в мозиле отображается со скроллом почему то, убрал у бодика мин ширину и еще в айфоне и так же в мозиле когда делаешь фокус на поле ввода, то экран приближается и появляется скролл, посмотри пожалуйста, если есть желание помочь.) job.growbig.ru/w/models-2/register_d.html

[Сергей Горячев]

wordpost: просто замени строку mvp.setAttribute('content','width=640'); на расширенную спецификацию

mvp.setAttribute('content','width=640, user-scalable=0');

с запретом увеличения.
Мозилла не понимает этого, там можешь даже не смотреть.

[Вася]

Ок понял, спс.