#7
Осталось вспомнить про vmin / vmax
Если вспомнить vw/vh - то они берут процент от области экрана, например:
для экрана 1366px 10vw = 136.6px (т.е.10%)
Задавался вопрос - а в чем отличие от процентов? Процент (%) высчитывается от родителя, а vw - от размера браузера (viewport).
vmin - это процентная величина от ширины или высоты области просмотра. Но интересно то, что выбирается
наименьшая величина.
Это как ? Например, вы держите телефон в вертикальном положении, ширина экрана для браузера -
414px , высота будет
1000+px . Получается, если зададим (например) кнопке ширину в 60vmin получится при таком раскладе ее ширина 60% от 414px (сколько это получится ? ). А когда я переверну телефон в горизонтальное положение размер будет высчитываться уже от высоты viewport (который будет
414px )
vmax - то же самое, только берется большее значение.