Задать вопрос
@bQ1

Какие есть способы пропорционального сжатия контента страницы для адаптивной верстки?

Сейчас в проекте использую функцию sass:
@function calcFluidSize($f-min, $f-max, $v-min, $v-max) {
	$k: ($f-max - $f-min)/($v-max - $v-min);
	$b: $f-min - $k * $v-min;
	$b: $b * 1px;
	@return calc( #{$k} * 100vw + #{$b} );
}


Отлично сжимает контент, но есть один недостаток: через код в браузере неудобно дебажить т/к на выходе после sass получается что то типо такого: padding: 1px calc( .04849 * 100vw + -33.10345px)

Какие есть еще варианты?
  • Вопрос задан
  • 230 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
верстать все размеры в 'em'
уменьшение font-size блока пропорционально уменьшит всю верстку внутри начиная хоть с body
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы