Mam div, który chcę mieć następujące cechy:

Szerokość = 50% elementu nadrzędnegoWysokość równa temu, co musi być, aby utrzymać pewien współczynnik proporcji.

Muszę użyć wartości procentowych, ponieważ obiekt zmieni rozmiar po lewej stronie po zmianie rozmiaru przeglądarki. Chcę, aby obiekt został przeskalowany do góry, aby obiekt zachował ten sam współczynnik proporcji.

Nie wydaje mi się, aby można było w tym celu użyć czystego CSS, ale czy ktoś wie, w jaki sposób? Alternatywnie, czy jest to łatwy sposób na JavaScript? (JQuery jest w porządku.)