Как сделать квадратный, резиновый div?

Question

[Кирилл Гладиков]

Как сделать так, чтоб при уменьшении ширины блока, высота уменьшалась на тоже количество пикселей (блок всегда квадратный) ? Единицы Vh и Vw не подходят из за плохой поддержки и бага с полосой прокрутки. Знаю про метод с JS и распорку с помощью прозрачного изображения. Есть ли еще какие нибудь методы???

Answer 1

[Serj-One]

codepen.io/Serj-One/pen/XdKxEB - jQ
codepen.io/Serj-One/pen/grMBdr - без js, но с лишними обёртками.

Answer 2

[bogdan0083]

www.wmyl.se/en/blog/proportional-scaling-responsiv...

Пример: jsfiddle.net/4E2bV/1