Então, eu quero manter uma proporção específica de umdiv, onde a altura é fixa. No passado, eu fiz isso, mas apenas ao usar uma largura fixa como esta:

.one-one {
  position: relative;
}
.one-one:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 56.25%;
  /* Ratio of 16:9 (16w:9h)
   * (h / w) * 100 = %
   * (9 / 16) * 100 = %
   * 0.5625 * 100 = 56.25%
   * 1:1 = 100%
   */
}

Então é assim que eu faria usando uma largura fixa de 100% neste exemplo. No entanto, desta vez eu quero fazer uma maquete do iPhone, onde há uma altura fixa de 100% e a proporção é de 4: 7 (4w: 7h). Usando uma altura fixa, posso definir uma altura de 100% e uma altura máxima de 100%, para que ela não ultrapasse a página, mantendo a proporção de 4: 7. Então, alguém sabe como você faria isso? Usando este método ou outro método.

Obrigado por qualquer ajuda!