Как правильно задать макс ширину в двух единицах?

Question

[0906ddd]

нужно задать в vw
и px

только max-width:

Answer 1

[Ankhena]

Может, вам поможет clamp, min или max?
https://developer.mozilla.org/en-US/docs/Web/CSS/max()
Поддержку проверяйте на caniuse

Или попробуйте переформулировать вопрос. Хотя бы опишите словами что там происходит с шириной блока.
А ещё лучше с картинками.

Comments

[0906ddd]

Ankhena,
width: max(20vw, 400px);то что нужно
правда в scss ошибка
а в css работает

не совсем понятно, как исправить

[Ankhena]

0906ddd,

правда в scss ошибка

Экранировать, потому что scss считает max своей встроенной функцией

width: #{'max(20vw, 400px)'};

Answer 2

[Pavel-ww]

Может лучше на пальцах объясните что вам требуется? Нарисуйте картинку например. Потому что ответ на ваш вопрос - НИКАК не правильно ))

Answer 3

[Олег Кириллов]

Через calc в CSS?

Comments

[0906ddd]

Олег Кириллов как?

[Олег Кириллов]

0906ddd, например, max-width: calc(100vw - 100px);

Используете и vw и px для формирование максимальной ширины блока, если я правильно понял задачу. По теме еще полезная ссылка: https://habr.com/ru/company/ruvds/blog/493660/