Ребята, помогите мне пожалуйста, передо мной встала задача осуществить адаптацию, при которой при изменении ширины экрана, маштабируется абсолютно всё, картинки, текст, все блоки.
Картинки то понятно просто ширину задавая в процентах, а как сделать например так, чтобы размер текста также уменьшался, без медиа запросов...
Подскажите пожалуйста)
Стоит упомянуть, что rem устанавливает размер шрифта относительно html, а em - относительно родителя.
И все равно уменьшать размер шрифта в зависимости от ширины придется через медиа-запросы.
Ну, или без них, но через js :)
font-size тоже проценты принимает, но вы ужаснетесь, как он будет тупо все масштабировать.
Вам все-равно придется корректировать частные случаи медиазапросами.
Как показывает практика, что у заказчика всегда будет какойто такой девайс который с твоими выставленными % будет выглядеть криво.
Чисто жесткие меда запросы к расширению экрана, иначе никак.
Средний
