Как сконвертировать VW в px в Sass?
Я не могу понять, как я могу легко преобразовать значение vw в px, чтобы использовать его позже в моем документе scss.
Спасибо!
@FallenWarrior Я хочу динамически изменять значение background-position в зависимости от ширины экрана. Мне нужно, чтобы он менялся экспоненциально, поэтому для этого я использую функцию это Sass. Проблема в том, что эта функция принимает только разделенные значения, поэтому мне нужно каким-то образом получить ширину экрана в пикселях и использовать ее в этой функции.
Что ж, для этого вам нужно будет использовать Javascript. Движок Sass, прежде всего, является серверным (и обычно используется заранее), поэтому он в любом случае ничего не знает о фактических размерах экрана и тому подобном. Поскольку все вычисления Sass должны выполняться во время компиляции, вы не можете использовать их для вычисления того, что вы хотите, на основе значений времени выполнения. Я бы посоветовал вам взглянуть на динамическое изменение CSS через JS.
Ответы 1
К сожалению, вы не можете сделать это через SASS, потому что вывод должен быть «vw», если вы хотите, чтобы он был основан на области просмотра. Чтобы получить ширину окна просмотра в пикселях, вам придется использовать JavaScript.
Во-первых, есть ли конкретная причина, по которой вы хотите это сделать? Я не думаю, что это возможно сделать в чистом CSS, потому что значения ширины просмотра относятся к размеру окна, то есть соотношение от vw к px изменяется в зависимости от размера области просмотра.