一行代码实现一个1:1自适应的正方形
2018-11-30 本文已影响1人
littleyu
偶然发现一个有趣的现象，一行css代码即可迅速实现一个1：1自适应的正方形。
先来看一看效果图
amazing！
1:1自适应正方形.gif
思考~~~
揭秘 ^ _ ^
div {
border: 1px solid #c03;
padding-top: 100%;
}
思考~~~
揭秘 ^ _ ^
1:1自适应正方形.gif
思考~~~
揭秘 ^ _ ^
