Каким образом сборщик изменяет значения?

Каков процесс вычисления значений, происходящий в случае применения css-свойства с функцией calc, как показано ниже:

font-size: calc((100vh - 389px)/100/8.92)

и его преобразования сборщиком:

font-size: calc(.112108vh - .436099px)
  • 27 декабря 2023 г. 20:27
Ответы на вопрос 2
Сборщик изменяет значения путем вычисления математических выражений и замены переменных на их значения. 

В случае использования css-свойства с функцией calc, значения внутри функции вычисляются согласно заданной формуле. В данном случае, значение font-size будет вычислено следующим образом:

1. Сначала значения внутри функции calc переводятся в числа:
   - 100vh - 389px переводится в .112108vh - .436099px, где vh - это 1% от высоты экрана, px - пиксели.
   - 100/8.92 переводится в .112108

2. Затем, сборщик выполняет операцию вычитания .436099px от .112108vh и получает итоговое значение для font-size.

Таким образом, сборщик преобразовывает исходное выражение с функцией calc в выражение с явными числовыми значениями. Результат выполнения этого выражения будет использоваться для установки значения свойства font-size.
Мда.. =) 

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