Адаптивная верстка — как минимизировать/ужать страницу?

Question

[CreativeStory]

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

проверял, но это не работает:

meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=2.0"
meta name="viewport" content="user-scalable=no"

Answer 1

[Юрий Лобанов]

Лучше конечно делать по-нормальному, но временно Вас может выручить transform: scale(0.5)
codepen.io/iiil/pen/iLoqm

Comments

[CreativeStory]

возможно поможет, а вот как вставить код, я так понимаю если в body вставлю, то и на обычных десктопах будет сужаться?

[Юрий Лобанов]

@CreativeStory используйте медиа-запросы.

[Vit]

Поддерживаю iiil, у меня тоже был случай, когда очень срочно нужно было сделать примерно то же самое, выручили media query + transform scale

[CreativeStory]

да, спасибо за совет, помогло на время решить проблемку)

[Юрий Лобанов]

@CreativeStory если помогло - нужно отметить решением.

Answer 2

[Максим]

Тот код что вы дали действует не на все.