@kkovalenko1998
Web services, bots, information security

Почему возникает разное отображение в мобильных версиях браузеров chrome и firefox?

Открыв сайт в chrome на телефоне я обрадовался и был счастлив, пока не увидел сайт в firefox:
Chrome01.03.15%2B-%2B3Firefox01.03.15%2B-%2B4
В чём может быть причина? Использую
meta name="viewport" content="width=device-width, initial-scale=0.6"
Для сравнения, сайт firefox dev отображается нормально:
Chrome01.03.15%2B-%2B1Firefox01.03.15%2B-%2B2
  • Вопрос задан
  • 2850 просмотров
Пригласить эксперта
Ответы на вопрос 2
AlexanderTsymbal
@AlexanderTsymbal
tsymbal.su
дело в initial scale:
На сайте Mozzilla dev есть такой код:
<meta name="viewport" content="width=device-width, initial-scale=1">

А у вас initial-scale=0.6.

Не знаю, зачем вы использовали именно это значение, если намеренно, то придётся доверстывать вашу сайт под более узкие ширины. Для начала просто поставьте initial-scale=1.0, а также допишите maximum scale, minimum scale.
Ответ написан
ndr334
@ndr334
Веб-мастер
В стилях для мобильной версии присвойте в css для body {min-width: 480px;} (для примера) мне помогает.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы