Расчитытать высоту пропорционально ширине calc CSS

может  aspect-ratio поможет

В нескольких местах:

- скобка после calc пишется сразу, без пробела
- десятичные знаки отделяются точкой, а не запятой
- делят и умножают на числа, а не на проценты.

calc((1240px * 35.24)/100);
ура, заработало. только не скалируется 😄 😄 😄

upd а если серьезно, то сюда как то ввести зависимость от ширины блока нельзя получается? или хотя бы от 100% ширины экрана.
например calc((1240px * 35.24vw)/100vw)

Просто задайте ширину блока 100vW, а высоту 35.2vW.

да. вполне рабочий вариант, но если блок не имеет отступов. однако если margin хотя бы 10 по бокам - начинаются небольшие искажения.
т.е. приходится давать calc(100vw - 20px). а вот высота - пока без понятия.
это не влияет особо, но ради спортивного интереса хотелось бы пофиксить.

То же самое, 20px уменьшаешь пропорционально.

Не знаю, что у тебя там за фон, но при использовании background-size: cover будут не искажения, а обрезка по краям, что чаще всего некритично.

width:  calc(100vw - 40px)
height:  calc(35.24vw - 40px)

так некорректно работает. растягивается за края, значит пропорции изначальные не держит.
я полагаю что тупо от высоты те же 40пх отнять - это не будет пропорциональное уменьшение.

в целом, в этой ситуации без разницы ковер или контейн, если мы преследуем отсутствие искажений при сжатии.

ps я уж извиняюсь за такую дотошность

А вместо 40px написать 14px - не судьба?

Разница в покрытии блока. Контейн оставляет зазоры, а кавер обрезает края изображения. А искажений нет ни там, ни там.

тоочно можно ж так же по пропорциям высчитать. спасибо