Use CSS (and maybe JavaScript) to make an element be square (or maintain a specific aspect ratio)
- by David Pfeffer
I have a div that I want to have the following characteristics:
Width = 50% of its parent element
Height equal to whatever it needs to be in order to maintain a certain aspect ratio.
I need to use percentages because the object will resize left-right when the browser is resized. I want the object to be resized top-bottom to ensure the object…