Неккоректный вид шапки на дефолтном шаблоне на мобильном

InstantCMS 2.X
#1 25 февраля 2020 в 12:39
Здравствуйте!
Заметил такую штуку, что у меня на реальном телефоне шапка выглядит иначе, чем в эмуляторе firefox. Когда начал детальнее разбираться, понял что даже в эмуляторе для Samsung шапка выглядит не так, как для Iphone 6/7/8 Plus. Это у меня удвило, ведь вроде расширение моего телефона нормальное. Но позже я понял, что на мобильном телефоне с шириной экрана 720 показываются совсем другие стили. Оказалось, что на мобильных идут превращения и то, что я вижу на экране 720 соответствует медиазапросу до 600px
Прикрепленный файл
realmobilesamsung_p0c1v.png 503 Кб
#2 25 февраля 2020 в 12:41
Я так понимаю, должно быть вот так
Прикрепленный файл
mobileiphone8_p0c1v.png 449 Кб
#3 25 февраля 2020 в 12:44
Оно, конечно, хорошо, что есть хотя бы так. И, в принципе, это мелочь.

Но я подумал, что можно было бы запускать тестовый сайт для обкатки идеи прямо на дефолтном шаблоне — ведь в целом он очень даже ничего. А там надо разбираться во верстке.
#4 25 февраля 2020 в 15:19
Вы можете в своем макете легко изменить ширину логотипа (если он будет у вас такой-же по ширине) в зависимости от условий:
  1. #layout header #logo > span { width: 170px;

Эмуляторы да, не всегда корректно "изображают" телефоны. Их задача не заменить телефон, но приблизить для отладки.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.