Задать вопрос
@Hutson
html

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

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

УДИВИТЕЛЬНО, но раздел "Новости" правильно адаптировался под телефоны, хотя написан всё в том же media 768px
  • Вопрос задан
  • 646 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 2
iamd503
@iamd503 Куратор тега CSS
Верстальщик
в head забыли дописать
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Ответ написан
3 комментария
3 комментария
verkhoturov
@verkhoturov
Frontend Developer
Вы забыли добавить в head вот этот тег:
<meta name="viewport" content="width=device-width, initial-scale=1">
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сайт по продаже сертификатов по макетам figma
26 нояб. 2024, в 20:38
120000 руб./за проект
Сделать фичеринг для рустора
26 нояб. 2024, в 20:08
1000 руб./за проект
PHP разработчик, знающий OpenCart, для технической seo-оптимизации
26 нояб. 2024, в 19:16
10000 руб./за проект
Ещё заказы