Можно ли реализовать масштабировния контента на простом сайте без медиа запросов?

Question

[Евгений Попов]

Как можно реализовать ВОТ такое динамическое масштабирование контента? Хочу попробовать реализовать похожее, без медиа запросов. Находил инфу, что есть специальные плагины, но они масштабируют только шрифт, а вот насчет картинок ничего не нашел.

Comments

[maikttt]

Можно при помощи JS поимать событья изменения размера страницы и изменить стили элементов. Но лучше через CSS.

Answer 1

[Миша]

Задавайте размеры в относительных единицах (%, em, rem, vh, vw, vmin, vmax).

Почитать про них можете вот здесь.

Comments

[Евгений Попов]

Спасибо, но я это уже прочитал) по факту того примера, там верста сделана вся в em. Однако если отключить скрипт, то масштабирование не работает.

Answer 2

[monochromer]

Все размеры заданы в em или rem. С помощью JavaScript менять размер шрифта на корневых элементах (html или body) в зависимости от размеров окна.

Comments

[Евгений Попов]

в JavaScript еще не силен, поэтому и задал отчасти этот вопрос. Верстка в примере построена на em, без скрипта масштабирование не работает, с этим я разобрался) вот хотел бы попробовать сам скрипт, попробую разобраться

Answer 3

[Владимир Соломыкин]

В дополнение к предыдущим двум ответам: добавьте transition, чтобы получилось "один-в-один"