Как рассчитать высоту инста-фрейма относительно ширины?

Question

[Andrej Sharapov]

Доброе утро, ребята.

Есть адаптивный фрейм, который выводит изображение/видно из инстаграма. Размер фрейма составляет 100% заполняемой области (контейнера), не зависимо от разрешения экрана. Максимально 500px. Но у него 1 минус - это высота.

Подскажите, как лучше рассчитать высоту, чтобы она подстаривалась под относительно ширины?
Пытался сделать по аналогии со шрифтами, через CALC и 100vh, но чет пока не выходит.

Answer 1

[zoozag]

чтобы она подстаривалась под ширину, относительно ширины?

Если относительно ширины, то вам нужны не vh, а vw.

Вообще не совсем понятно, что вы с высотой делаете и какой результат хотите получить

Comments

[Andrej Sharapov]

При изменении разрешения, фрейм обрезается. По умолчанию у него вообще 152px высота. Пока сделал медиа запросы, но было бы лучше, если бы рассчитывалось само через калк.

[zoozag]

Andrej Sharapov, Принцип то рассчета какой должен быть? Треть экрана, или квадрат или что?

[zoozag]

Andrej Sharapov, Вы свой вопрос перечитайте и подумайте, понятно ли человеку будет, который вашу задачу не видел, что вы делаете, что вы хотите получить в результате и в чем затык?

[zoozag]

Andrej Sharapov,

По умолчанию у него вообще 152px высота.

Сделайте auto, и обрезаться не будет

[Andrej Sharapov]

zoozag, от этого не меняется. пробовал

[Andrej Sharapov]

zoozag, фотка с инстаграма вроде как квадратная + меню сверху и комментарии снизу.
Я предполагаю, что должно быть примерно так:

$width: 500px;
width: $width, height: calc($width + 100px)