Vene4ka
@Vene4ka
Учусь программировать :>

Почему сайт на телефоне выглядит так-же, как и на пк?

Привет, у меня снова кучу проблем. Все решил, одна осталась. Почему сайт на телефоне выглядит так-же, как и на ПК?
Пару скринов приложу вам для понимания картины.
N7mYLsD.png
HH2hj5C.png
oypec9a.png
Хочу начать делать адаптацию, а не могу :c
  • Вопрос задан
  • 139 просмотров
Решения вопроса 2
CIDBerlin
@CIDBerlin
Junior front-end developer
Потому что в head лежит что-то типа meta width = device-width. Вот оно и пытается подбивать все размеры под мобильные устройства. Чтобы сайт выглядел на телефонах так, как это действительно нужно, нужно добавлять media и там уже опираться на соответствующие размеры экрана.
Ответ написан
@Miri113
Программист
Третий скрин, который ты приложил - это не адаптированная верстка. Скорее это резиновая.
Первым делом в тег head скопируй это:
<meta name="viewport" content="width=device-width">

Дальше если у тебя в коде css в body есть какие-то ограничения по типу width, max-width или min-width - убирай.
После, для контейнера, ограничь ширину, вписав max-width: значение;
И убери все фиксированные значения ширин (width).

Если я помог, отпишись пожалуйста! :)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы