0

Делаю сайт с использованием bootstrap3.

При просмотре с мобильного нужно сделать выезжающее слева меню. Но вопрос не в этом. Меню сделал на jQuery все хорошо работает в настольной версии (где это в последствии не нужно и будет отключено)))) Проблемы возникают на мобильном.

При нажатии кнопки сайт не отодвигается, а уменьшается( Адаптируясь с новому размеру. При отключении meta name="viewport" content="width=device-width" все работает хорошо, но это конечно не выход.

2
  • возможно логичнее и по множеству параметров лучше будет сделать меню используя bootstrap (у него есть классы специально для навигации ) раз уж вы его используете 7 дек 2015 в 13:56
  • В Bootstrap есть классы для выпадающего меню((( это не совсем отвечает дизайну сайта. Нужно именно выезжающее слева со сдвигом экрана 7 дек 2015 в 14:06

1 ответ 1

1

Главная проблема в теге meta name="viewport" content="width=device-width" Он масштабирует новый размер содержимого под размер экрана и не дает сдвинуть изображение за его пределы. Проблема решается добавлением в кнопку кода

$('meta[name="viewport"]').attr('content','initial-scale=1, user-scalable=no')

Он блокирует масштабирование, плюс запрещает пользователю вручную менять масштаб.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.