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

Question

[WannaCreative]

Я верстаю сайты, но недавно столкнулся с проблемой, когда мой друг зашел на сайт с ноутбука, то он у него просто не вместился , пришлось использовать горизонтальную прокрутку, либо же увеличение масштаба. Как адаптировать сайт под все устройства? В инете я толком ничего не нашел! Помогите пожалуйста!

Answer 1

[Александр Гамов]

Если планируется долгосрочная поддержка сайта, то лучше переверстать с учетом адаптивности (с использованием сеток). В противном случае допилить адаптивность поверх использую медиа запросы + немного js магии.

Вот для примера пара сайтов, обратите внимания на файлы подключенные в папке adap. В данных случаях был использован именно второй вариант.
www.stroyfiks.ru
vezu-gruz.ru

Answer 2

[dzenn]

В инете я толком ничего не нашел! Помогите пожалуйста!

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

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

https://developer.mozilla.org/en-US/docs/Web/CSS/M...

Answer 3

[Stone-Studio]

Почитай про @ media запросы. Это что-то вроде "если экран меньше 1000px, то *другие правила css*"
htmlbook.ru/css/media