2

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

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

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

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

1
  • К сожалению, ответ дан в комментарии. У комментариев нет "галки".
    – rebroff
    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, используйте, пожалуйста, кириллицу. 27 янв 2015 в 17:59

Ваш ответ

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

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