Just for documentation.
If you do not understand this, you probably do not need it.
Thanks to Guido
Please note: This is scss code
.responsive-wrapper { position: relative; width: 100%; height: 0; overflow: hidden; &.ratio3x1 { padding-bottom: 33.333333333% !important; } &.ratio2x1 { padding-bottom: 50% !important; } &.ratio16x9 { padding-bottom: 56.25% !important; } &.ratio3x2 { padding-bottom: 66.66666666% !important; } &.ratio4x3 { padding-bottom: 75% !important; } &.ratio1x1 { padding-bottom: 100% !important; } iframe, object, embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } }
2013-11-06 05:09
[…] Responsive container CSS […]