This question already has answers here: Maintain the aspect ratio of a div with CSS (37 answers) Closed 7 years ago. I want my div to adapt its height to always equal its width. The width is percental. When the parent’s width decreases, the box should decrease by keeping its aspect ratio. How to do … Read more
I am working with images, and I ran into a problem with aspect ratios. <img src=”big_image.jpg” width=”900″ height=”600″ alt=”” /> As you can see, height and width are already specified. I added a CSS rule for images: img { max-width: 500px; } But for big_image.jpg, I receive width=500 and height=600. How do I set images … Read more
I want to create a div that can change its width/height as the window’s width changes. Are there any CSS3 rules that would allow the height to change according to the width, while maintaining its aspect ratio? I know I can do this via JavaScript, but I would prefer using only CSS. 3 37
