大噶猴,又是俺!今天刷力扣的时候碰到一个《怎么实现一个宽高自适应的正方形?》这样的问题,当下我不假思索的就想了一下,然后偷偷摸摸的看了一下答案,有三个参考答案。
1、利用vw来实现
抱着对任何事物都要手动实践一番的心思,毕竟实践是检验真理的唯一标准!效果如下:
通过上面的案例我们知道,宽和高度不一致啊why??? 看看有没有大佬知道,能解惑一二。
2、利用元素的margin/padding百分比是相对父元素width的性质来实现
3、利用子元素的margin-top的值来实现
综上所述,下面两种我都试验过了,是可以宽高一致且自适应的,唯独vw的方案不行。。。。