Возможно ли как-то добавить адаптивности не адаптивному шаблону?

Question

[driverx18]

По готовой верстке сделал бэкэнд для сайта, и в самом конце понял, что адаптивности нет. Если я запускаю сайт на устройстве с высоким разрешением, или в браузере ставлю масштаб меньше 100% получается ад на сайте =(
В фронтенде я не особо круто шарю, точнее в адаптиве, весь мой адаптив был всегда Bootstrap.
Возможно ли как-то добавить адаптивности сайту не разбираясь с самими стилями уже написанными, или это нереально?

Answer 1

[Ptolemy_master]

Ну если вы использовали Bootstrap и его сетку, то должно было получиться нормально. Добавьте в заголовок страницы

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Все таблицы следует заменить на элементы div.
Убрать абсолютные величины и позиционирование.

Answer 2

[Alexandr Alexandrov]

Если хочется "быстро и не париться", то через вьюпорт задать ширину контейнера глобально. Например,

<meta name="viewport" content="width=1200, user-scalable=yes">

т.о. пользователь будет видеть уменьшенный масштаб сайта и сможет увеличивать пальцами на устройстве.

Однако, в идеале нужен адаптив. На соседней бирже можно скинуть ТЗ и ребята помогут за символическое вознаграждение.