Почему не работает адаптация под мобильные устройства?

Question

[Роман Тузов]

На скрине показано как выглядит сайт на iphone x(так на любом), а ещё другой скрин показывает, как должен выглядеть контент на телефоне. Показывает нормально, только когда консоль передвигаешь левее и меняется разрешение экрана (меньше 768px ставится дизайн под мобильник) Почему не работает медиа на телефоны, после того, как я залил сайт на сервер? Вот сокращённый набросок кода, как у меня. https://jsfiddle.net/3rqu412e/1/ ВОЗМОЖНО я дал мало информации, если это так, то скажите

УДИВИТЕЛЬНО, но раздел "Новости" правильно адаптировался под телефоны, хотя написан всё в том же media 768px

Answer 1

[Евгений]

в head забыли дописать

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

Comments

[Роман Тузов]

Большое спасибо, я уже думал нужно будет всё переделывать, а тут всего одна строчка все проблемы решила

[Роман Тузов]

Кстати, не знаете почему следующие ссылки очень долго грузятся и мешают быстрой загрузке всему сайту https://kit-free.fontawesome.com/releases/latest/c...
https://kit-free.fontawesome.com/releases/latest/c...
https://kit-free.fontawesome.com/releases/latest/c...

[Евгений]

Hutson, скачайте на сайт себе и будет всё быстро

Answer 2

[Иван В]

Вы забыли добавить в head вот этот тег:

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

Comments

[Роман Тузов]

Не знаете почему следующие ссылки очень долго грузятся и мешают быстрой загрузке всему сайту https://kit-free.fontawesome.com/releases/latest/c...
https://kit-free.fontawesome.com/releases/latest/c...
https://kit-free.fontawesome.com/releases/latest/c...

[Иван В]

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

[Роман Тузов]

Иван В, грузятся со стороннего ресурса, лучше загрузить на сервер?

[Иван В]

Hutson,
Используйте CDN или загрузите файлы к себе на сервер.