Div Square, width size based on 100% height

Question

I\'m trying to make a responsive square with the width size based on the (100%) height of the element. I believe it\'s impossible using only CSS.

The square width sh

Answer 1

Since a square has same width and the height, and you know the width of the square, you can apply the same value to height.

If you can use JS, then please try this: (jQuery)

var wiDth = $('div').css('width'); // get width
$('div').css('height', wiDth); // apply that value to the height

Try it here: http://jsfiddle.net/afzaal_ahmad_zeeshan/vpGUK/