Почему первый блок отображается не так, как остальные?

Question

[Ankozar]

Мобильная версия сайта.
На первом скрине первый блок выглядит не так, как остальные.
На втором скрине он выглядит так, как нужно.
Разница в том, что первый скрин - страница после её загрузки.
А второй скрин - страница после отправки формы с помощью ajax (без обновления страницы, конечно.)

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

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

Пытался вызывать ajax скрипт из функции $( document ).ready(), думал что css не успевает подгрузиться - та же фигня.

Comments

[Ankhena]

Хоть бы ссылку на сайт нормально дали, а не скринами.

Вероятнее всего, что дело в том, что вы забыли

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

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

p.s. А то, что у мужика голова отрезана на последнем скрине вас не смущает?

[Ankozar]

Да, сработало. Спасибо! Я не то что забыл, я не знал. Пойду почитаю, что это за параметр.
сайт вот: otovsydy.ru
Не придирайтесь, я самостоятельно учу web-программирование, о дизайне пока вообще не думаю.

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

[Lord_Dantes]

Закрыть бы вопросик этот ;3

Answer 1

[Ankozar]

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