Поэтому я хочу сохранить определенное соотношение сторонdivгде высота зафиксирована. В прошлом я делал это, но только при использовании фиксированной ширины, как это:

.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%
   */
}

Вот как я бы это сделал, используя фиксированную ширину 100% в этом примере. Однако на этот раз я хочу сделать макет для iPhone с фиксированной высотой 100% и соотношением 4: 7 (4 Вт: 7 ч). Используя фиксированную высоту, я могу установить высоту 100% и максимальную высоту 100%, чтобы она не выходила за пределы страницы при сохранении соотношения 4: 7. Итак, кто-нибудь знает, как вы это сделаете? Либо с помощью этого метода или другого метода.

Спасибо за любую помощь!