2

Здравствуйте.

Сайт сверстан не адаптивно, но для некоторых элементов прописано особое поведение на смартфонах через media queries (часть элементов скрывается, изменяется лейаут и т.п.). Задан <meta name="viewport" content="width=device-width">.

Вопрос: на смартфонах в Хроме и в Opera Mobile все ок, но, например, в IE и в экзотических браузерах типа Dolphin начальный масштаб слишком большой, т.е. приходится щипком уменьшать размер страницы. Как добиться на этих браузерах такого же поведения, как в Хроме, т.е. чтобы после загрузки без масштабирования страница вписывалась в размеры окна устройства?

Благодарю за советы.

1
  • К сожалению, ответ дан в комментарии. У комментариев нет "галки".
    – rebroff
    Commented 27 янв. 2015 в 18:26

2 ответа 2

1

Никак, смысла тестировать под "не webkit" браузеры на мобильных нет никакого. Вероятно, ваш dolphin незнает, что такое viewport в силу своей убогости. Проверьте в хроме и сафари на ошибки w3c. Про остальное забудьте - это проблемы браузеров.

1

http://css-tricks.com/snippets/html/responsive-meta-tag/

<meta name="viewport" content="initial-scale=1, maximum-scale=1" />

Или

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />

Или

<meta name="viewport" content="width=device-width, initial-scale=1.0">
1
  • @David Kern, используйте, пожалуйста, кириллицу. Commented 27 янв. 2015 в 17:59

Ваш ответ

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

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