正在回答
2回答
同学你好，第一段文字理解的是正确的。
另外：设置正方形是为了占位，图片是正方形的，但是在没有设置宽高的情况下，图片较大，如下：
设置正方形是为了图片可以等比例的缩放，不让图片变形。
祝学习愉快~
好帮手慕言
2020-04-25 16:37:01
同学你好，这里写成正方形是因为图片是正方形的哦，使用width：100%和padding-top:100%实现正方形是为了保证在不同的设备上，都是按照正方形显示，不变形。原理是：
在 CSS 盒模型中，按照规定padding 的百分比数值是相对父元素的宽度计算的。由此只需将元素垂直方向的一个 padding 值设定为与 width 相同的百分比就可以制作出自适应正方形了，因为这里是使用padding-top撑开盒子的高度，而padding-top是根据父元素的width进行计算的，所以父元素的width变化成多少，padding-top也会等比例的进行变化，这样，实际上也就是保证了width和padding-top撑开的高度始终等比例缩放，也就是会形成正方形了
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星