0

Здравствуйте. Никак не могу разобраться,как настроить зону видимости сайта для мобильных телефонов. На данный момент при загрузке сайта на мобильном,отображается верхний угол страницы, а дальше разве что масштабировать вручную. В коде прописана такая команда:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />

Необходимо же,чтобы показывало зону шириной в 750 рх. Пробовала медиазапрос такого вида:

@media screen and (max-width: 640px){
@-ms-viewport { width: 750px; }
@-o-viewport { width: 750px; }
@viewport { width: 750px; }
}

Но никакого эффекта это не дало. Что делается не так?

1 ответ 1

0

Добрый вечер. Используйте такой метатег, он запретит мобильным браузерам скейлить ваш сайт:

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

Медиазапросы под популярные устройства можно посмотреть здесь вот тут

Для того, чтобы показывалась зона шириной 750px при ширине экрана меньшей, чем 750px, используйте такой медиазапрос:

@media only screen and (max-device-width: 750px){
  body{
   width: 750px;
  }
}
1
  • Никак не реагирует на медиазапрос. Написала отдельным файлом CSS, подключила к шаблону сайта. Может дело в какой-то особенной работе шаблона сайта на битриксе?
    – Alla
    Commented 7 нояб. 2016 в 14:22

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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