Можно ли задать лимит для viewport units?

Question

[xmpi]

Очень удобно верстать, используя VW и VH. Есть ли способ задать для 1 vw максимальную ширину, например, в 168 пикселей? Это нужно для того, чтобы не прописывать целый блок media screen для больших экранов, и остановить растягивание сайта не больше чем на ширину в 1680 пикселей.

Answer 1

[Алексей Николаев]

Нет, нельзя. Но мне кажется, что то, что вам нужно, реализуется при помощи max-width

Comments

[xmpi]

Только частично, к сожалению. Для этого нужно прописывать max-width для всех блоков после 1599px, а также максимальные размеры шрифтов для каждого элемента — при помощи костыля https://github.com/nathanford/min-max-font-size
А жаль. Было бы очень удобно, конечно, если бы можно было запросто указать max-size для vw и vh

[xmpi]

xmpi: хотя это все бессмысленно, на самом деле, тоже. Достаточно прописать медиа-запрос для всех элементов после 1599px, указать всем элементам размер в пикселях, и можно обойтись безо всяких костылей и max-width.

Answer 2

[Юрий Олиярнык]

vmin, vmax может быть?
caniuse.com/#feat=viewport-units

Comments

[xmpi]

Нет, это не то.
1vw = 1% от ширины окна. При уменьшении ширины окна, уменьшается ширина, высота, шрифт элемента.
1vh = 1% от высоты окна. При уменьшении высоты окна, уменьшается ширина, высота, шрифт элемента.
1vmin = 1vw или 1vh. Выбирается то, которое меньше.
1vmax = 1vw или 1vh. Выбирается то, которое больше.