Как сделать из обычного сайта адаптированный для мобильных устройств?

Question

[Антон Егорычев]

Всем привет!
Проблема такая.
Есть готовый сайт, но он без адаптивного дизайна.
Как его сделать адаптированным для мобильных устройств с минимальными временными затратами?
Может проще bootstrap на него натянуть или есть ещё какие-то решения?
Короче говоря, прошу общественность поделиться соображениями.

Комменты типа,

проще новый сайт сверстать

, не катят, нужно переделать тот, который есть.

Answer 1

[Артем Кирьянов]

Медиа-запросы и т.п, вот напишут же) . Скачайте книгу: И.Маркот, Отзывчивый веб-дизайн, она небольшая, но вы хоть поймете как строятся эти запросы и как вообще сделать адаптивную верстку. + Там пример есть. Прочтете ее за 2 часа)

Comments

[Антон Егорычев]

Благодарю за совет, читаю.

Answer 2

[Андрей Федоров]

К сожалению, если изначально не продуман дизайн под мобильные верстка объем работ будет большим.

В хроме, в инспекторе есть режим эмуляции разных устройств. Идите от большого дисплея к малому, добавляйте соответствующие media query в сss для каждой ширины дисплея, исправляющие верстку.

bootstrap вашей проблемы не решит, т.к. придется все переверстывать заново с классами бутстрапа.

Comments

[Антон Егорычев]

Объем работ я представляю, но тем не менее, хочется максимально быстро сделать, на сколько это возможно.
Проблему он решит, но придётся попотеть)

[Андрей Федоров]

Ну если считаете что бутстрап решает - пробуйте. Но придется переверстывать все. Стоп! Ведь вы хотели этого избежать?

В общем, media query + инспектор в руки и вперед. К сожалению, никакого другого способа нет.

[Антон Егорычев]

Андрей Федоров: благодарю за совет!