[SOLUCIONADO] Div con proporción 16:9

[AxxeL]

Buenas, estoy intentando montar un pequeño proyecto pero me he dado de bruces casi en el primer paso. Necesito un div que siempre se muestre en proporción 16:9 y se ajuste a alto o ancho cuando se reduzca la pantalla, pero que siempre quede proporcional, ajustado y sin scroll (Toda la web se muestra sobre este div). Se puede hacer solo con css o necesitaré también de javascript para que vaya calculando el ancho de la ventana y vaya cambiando las proporciones del div?

Espero haberme explicado bien.

[AxxeL]

He estado dándole vueltas y he conseguido algo parecido, pero por mas vueltas que le doy no consigo lo que necesito. He hecho un esquema para que veais lo que necesito a ver si me dais mas ideas, por que estoy un poco desesperado ya.

[AxxeL]

Viendo que nadie ha podido ayudarme pongo la solución que he terminado encontrando:

He creado un div que lo engloba todo y le he puesto lo siguiente:

Código:

#marco {
  width: 100vw;
  height: 56.25vw;
  /* 100/56.25 = 1.778 */
  max-height: 100vh;
  max-width: 177.78vh;
  /* 16/9 = 1.778 */
  margin: auto;
  position: absolute;
  /* Centrado vertical */
  top: 0;
  bottom: 0;
  /* Centrado horizontal */
  left: 0;
  right: 0;
}

Con eso obtienes un cuadro que siempre se mantiene en 16:9 y ajustado a la pantalla

Espero que le sirva a otros