How to realize wide and High proportional Adaptive rectangle by css

This article mainly shows you "css how to achieve wide high proportion adaptive rectangle", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "css how to achieve wide high proportion adaptive rectangle" this article.

Realization of adaptive rectangle with wide and high proportion

.scale {width: 100%; padding-bottom: 56.25%; height: 0; position: relative;} .item {position: absolute; width: 100%; height: 100%; background-color: 499e56;} here is the container of all the child elements above is all the contents of the article "how css achieves a wide and high proportion adaptive rectangle". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!