Можно ли сделать старый сайт адаптивным?

Question

[Римский]

Здравствуйте. Подскажите пожалуйста, реально ли данный сайт сделать адаптивным под несколько экранов "телефон, планшет и ПК"? Как лучше всего это сделать? Возможно есть информация по переводу подобной верстки в адаптив?

Answer 1

[iBird Rose]

способ 1: качаешь бутсрап - подключаешь. чинишь косяки верстки после border-box. заменяешь нужные вещи на col и пару запросов в media.
способ 2: все адаптируешь через media.

Comments

[Римский]

Вам спасибо за советы. Первый вариант рассматривал но подумал, что будет хардкор. Попробовал прописать border-box, действительно много косяков вылазит. 2-й вариант я думаю будет именно то, что нужно. Задача стоит сделать адаптив под несколько разрешений, поэтому думаю, что media наилучший вариант.

Answer 2

[Дима Паутов]

Да можно, инфы наврятли найдёте. Нужно просто взять и начать делать его резиновым. Смещать блоки в на нужном разрешении. Нужно смотреть в ходе работы на каких.

Свёрстано достаточно хорошо, для того времени))
Не вижу ничего сложного. Копейки придётся некоторые изменить. Вам еще повезло. Вот есть сайты, сделанные на таблицах, вот там вот боль!!!

Comments

[Римский]

Вам спасибо за комментарий, интересно))

Answer 3

[Никита Кит]

На сайте размер plate-контейнера - около 1000 пикселей. Тебе оч повезло. Про ПК и альбомное расположение можешь забыть.
А с мобилами всё просто. Ширину плэйта переводим в 100%, прячем сайдбар (весь), в хедере номер под логотип (всё 100% ширины и блоками друг за другом). В каталоге товары тоже можно выводить просто блоками друг за другом. А относительно категорий в сайдбаре - на мобилки добавь в разметку блок с заголовком "каталог" и список категорий. Список ныкай везде, блок "каталог" на 768 и выше прячь. И напиши примитивный jquery скрипт, который по нажатию будет слайдить вниз меню каталога. Вуаля - мобильная версия готова.
Если меню навигации по сайту не влезет в 320 пикселей - сделай гамбургер меню. По тому же принципу, что и "каталог".

Comments

[Римский]

Спасибо, но честно говоря "плохо я вас понял".