вложение нескольких вещей в css-calc с несколькими единицами - PullRequest
0 голосов
/ 09 марта 2019

Я пытался сделать сложный расчет в CSS, чтобы избавиться от медиа-запросов на странице, и не требовать слишком много из них.Вторая часть кода ниже с длинным десятичным числом - это я пытаюсь использовать наборное число для вычисления процента чего-либо (заполнение).Это число почти идеально соответствует проценту, необходимому на пиксель порта просмотра, поэтому, если бы у меня был огромный порт просмотра, он все равно мог бы рассчитать процент или даже очень маленький.Но так как это число должно быть процентом, а я не могу просто поставить знак процента в конце.Мне нужно было получить в процентах через пиксели.Значение подсчитать, сколько пикселей будет рассчитывать браузер, если это будет процент.Я решил взять 100-процентную ширину страницы и разделить ее на 100, чтобы получить 1% страницы в пикселях.Затем я умножаю это на число, которое мы получили для процента страницы во второй части вычисления, давая мне фактическую ширину пикселя, как если бы это был процент, и как если бы браузер рассчитал это сам.Я использовал эту операцию calc, которая не работает должным образом:

 padding-left: calc((100% / 100) * (0.013641975308642 * 100vw));

Она не работает, и когда мы смотрим с помощью инструментов chrome dev, она говорит, что объект недействителен.Что я делаю не так?

...