Как сделать адаптацию сайта?

всем привет, не давно я сделал сайт и загрузил его на хост, у меня он открывался нормально, но открывая ты же ссылку на других компьютерах с другой диагональю экранов сайт показывался не корректно, как исправить?

если надо вот ссылка на песочницу с кодом главной страницы сайта: https://jsfiddle.net/vkr6wte0/
  • Вопрос задан
  • 255 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Простейшая вариация
https://jsfiddle.net/pd7segt0/

Только у себя в head добавьте
<meta name="viewport" content="width=device-width, initial-scale=1.0">

без него @media не будут работать.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
@Art005
Это называется адаптивная верстка
Ответ написан
anton99zel
@anton99zel
29а класс средней школы №7
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Добавлю свой вариант со шрифтом (параметры и сегментацию по сетке - подберите сами).
div[class^="box"] {
  font-size: calc(24px + 0.7 * (1vh - 1.6vw));
}
Добавить в самый низ CSS файла.
Ответ написан
Ваш ответ на вопрос

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

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