Мой calc() для вычисления размера шрифта с использованием комбинации vw и целых чисел не разрешается

Довольно простой размер шрифта calc() не отображается

Фактический код:

font-size: calc((${minSize} + ${fontSizeDifference}) * ((100vw - ${minScreenSize}) / ${screenSizeDifference}));

Это пытается быть отображено в css как:

font-size: calc((12 + 4) * ((100vw - 375) / 825)); (кроме зачеркнутых)

Я пробовал добавлять/удалять «px» после каждого значения и самого вычисления, а также переформатировать/удалять скобки и значение vw.

Я ожидаю, что калькулятор изменит размер шрифта, но он показывает ошибку «Недопустимое значение свойства».


css calc
person Richard PK    schedule 31.07.2019    source источник
comment
эта часть недействительна 100vw - 375. нельзя добавить число с единицей   -  person Temani Afif    schedule 31.07.2019

Ответы (1)


arrow_upward
2
arrow_downward

Должно быть 375px. Потому что 375 нужно знать, на каком формате он основан.

.a {
  font-size: calc((12 + 4) * ((100vw - 375px) / 825));
}

.b {
  font-size: calc((12 + 4) * ((100vw - 1px) / 825));
}
<div class="a">Text</div>
<div class="b">Text</div>

person doğukan    schedule 31.07.2019