javascript - Height equal to dynamic width (CSS fluid layout)
#short
#javascript
#jquery
#html
#css
#responsive-design
Is it possible to set same height as width (ratio 1:1)?
Example
+----------+
| body |
| 1:3 |
| |
| +------+ |
| | div | |
| | 1:1 | |
| +------+ |
| |
| |
| |
| |
| |
+----------+
CSS
div {
width: 80%;
height: same-as-width
}
http://jsfiddle.net/n6DAu/1/: http://jsfiddle.net/n6DAu/1/
![Kennjo - Lose My Mind (Official Hardstyle Audio) [Copyright Free Music]](https://images.videosashka.com/watch/SKWhRuQ00uQ)
