Así que acabo de descubrir las unidades de vista, y realmente quiero usarlas.

Primer desafío: mi elemento tiene un "tamaño base" de 760x670 píxeles. Quiero usar unidades de vista para escalarlo de manera que la altura sea100vh, o el ancho es100vw, lo que sea más pequeño.

Desafortunadamente, aunque puedo usar100vmin para obtener el menor de los dos, solo puedo aplicarlo al ancho o al alto, no a ambos.

Actualmente estoy usando:

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

Esto escala el ancho para adaptarse a la pantalla, lo que resulta en el desplazamiento vertical. Esto no es tan malo, pero preferiría que realmente se ajustara a la vista.