Так что я'Мы только что обнаружили единицы просмотра, и я действительно хочу их использовать.

Первый вызов: у моего элемента естьбазовый размер 760x670 пикселей. Я хочу использовать единицы просмотра, чтобы увеличить его так, чтобы либо высота100vhили ширина100vwв зависимости от того, что меньше.

К сожалению, хотя я могу использовать100vmin чтобы получить меньшее из двух, я могу применить его только к ширине или высоте, а не к обоим.

В настоящее время я 'м с помощью:

#root {
    width: 760px;
    height: 670px;
    width: 100vw;
    height: calc(670vw/760);
}

Это масштабирует ширину, чтобы соответствовать экрану, приводя к вертикальной прокрутке. Это н'Жаль, но яЯ бы предпочел, чтобы я действительно соответствовал области просмотра.