@WannaCreative

Как адаптировать сайт под моб. устройства и компьютеры с маленькими мониторами?

Я верстаю сайты, но недавно столкнулся с проблемой, когда мой друг зашел на сайт с ноутбука, то он у него просто не вместился , пришлось использовать горизонтальную прокрутку, либо же увеличение масштаба. Как адаптировать сайт под все устройства? В инете я толком ничего не нашел! Помогите пожалуйста!
  • Вопрос задан
  • 209 просмотров
Решения вопроса 1
Если планируется долгосрочная поддержка сайта, то лучше переверстать с учетом адаптивности (с использованием сеток). В противном случае допилить адаптивность поверх использую медиа запросы + немного js магии.

Вот для примера пара сайтов, обратите внимания на файлы подключенные в папке adap. В данных случаях был использован именно второй вариант.
www.stroyfiks.ru
vezu-gruz.ru
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
dzenn
@dzenn
В инете я толком ничего не нашел! Помогите пожалуйста!

> Как адаптировать сайт под моб. устройства и компьютеры с маленькими мониторами? (копирую ваш вопрос и вставляю в строку поиска гугл)

1 ссылка ваш вопрос на тостере
2 ссылка на тостере и js
3 ссылка с душманского старого сайта который объясняет что да как

https://developer.mozilla.org/en-US/docs/Web/CSS/M...
Ответ написан
Комментировать
@Stone-Studio
Почитай про @ media запросы. Это что-то вроде "если экран меньше 1000px, то *другие правила css*"
htmlbook.ru/css/media
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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