Почему сайт некорректно отображается на телефоне, но, если просматривать отображение сайта на маленьких экранах с компьютера — то всё работает?

Question

[Юлия Г]

Здравствуйте.
Может кто-то сталкивался с такой проблемой? Подскажите, в чем может быть проблема.

Почему сайт некорректно отображается на телефоне - не отображаются некоторые блоки, но если просматривать отображение сайта на маленьких экранах (320px) с компьютера - то всё работает?

Смотрю сайт с телефона - половины блоков нету, поворачиваю телефон - включается автоповорот экрана, расширение становится больше - блоки появляются.
Но если зайти на сайт с компьютера - открыть консоль разработчика и проверить сайт на расширении 320 px и т.д. (любое расширение) - то все блоки видны.

Заранее спасибо всем откликнувшимся

Comments

[Ankhena]

Например, забыли meta viewport.
Или не правильно написали media условия.
Или телефон не 320.
Или еще что-нибудь...

[Юлия Г]

Ankhena, мета тег есть.
Например, если НЕПРАВИЛЬНО НАПИСАНЫ MEDIA УСЛОВИЯ - то сайт (как я понимаю), должен и на компьютере (при просмотре этого расширения) криво отображаться. Или я ошибаюсь?!

[Ankhena]

Юлия Г, я не знаю как именно вы смотрите на компьютере. Есть несколько разных способов и результат будет разный.

Да и какая разница как он смотрится на компе при 320, если нужно, чтобы он нормально выглядел на живом устройстве.

[2cha.headz]

попробуйте в браузере на пк еще поставить тип "mobile" (на хроме так), может так больше будет походить на мобильный вид


как прописан meta viewport, пришлите строку

[Юлия Г]

2cha, спасибо. Сейчас попробую поставить тип "mobile"
viewport прописан так

[Юлия Г]

Юлия Г, meta name=viewport content="width=device-width, initial-scale=1">

[Юлия Г]

Ankhena, согласна, что никакой разницы как он смотрится на компьютере, так как нужно корректное отображение с тел. Просто я не вижу - где мне искать проблему - раз на компьютере все ок

[Ankhena]

Юлия Г, я согласна с 2cha и думаю, что скорее всего вы смотрите на компе в режиме desktop, но не было под рукой скрина.

[Юлия Г]

Переключение на тип "mobile" - не помогло. Так же отображается

[2cha.headz]

Юлия Г, напишите url пациента, если возможно, т.к. вангованием не очень профессионально занимаюсь)

[Ankhena]

Юлия Г,

Переключение на тип "mobile" - не помогло.

Тогда нужно сделать 2 вещи:
1. Выложить сюда ссылку на пациента.
2. На телефоне открыть вот это и выложить сюда результат. Можно скрином, можно текстом.

[Юлия Г]

Ankhena,к сожалению, ссылочку на сайт выложить не могу, по ряду причин((((
Попробую, ссылаясь на рекомендации, указанные выше, сама решить проблему.

В любом случае, всем кто откликнулся - огромное спасибо, что не прошли мимо моей проблемы.

[Ankhena]

Юлия Г, хотите, пришлите в личку, телеграм в профиле, вечером могу посмотреть.

[Юлия Г]

Ankhena, здравствуйте.
Если у Вас будет такая возможность - посмотрите на сайт. Написала Вам в телеграм

[Ankhena]

Юлия Г, да я вам там ответила давно

[Юлия Г]

Ankhena, спасибо)))

Answer 1

[MamaLuyba]

корректирование верстки под мобильные бывает еще тем "удовольствием".
даже если смотришь через имитацию мобильных в хроме, и у тебя там все красиво - на реальном телефоне (особенно айфоны этим грешат) будет что-то криво или косо.
надо media прописывать и смотреть, что получается.

Comments

[Юлия Г]

Видимо и правда надо искать причину в media-запросах