How to achieve equality of sides with rubber imposition?

Question

JavaScript

Good day, guys!

I want to achieve equality of the width and height of the block, when laying out an adaptive design. It is necessary that the height is always equal to the width. It doesn't have to change dynamically. The main thing is that after loading the page, the height of the block should be equal to the width of the same block. I also connected jscrollpane to the parent of these blocks.

Is it possible to do this in css or jquery. If jquery, will jscrollpane work correctly?

Answer 1

square div