没写这些之前,图片就是一个正方形,也能随着屏幕等比变化,这代码到底是有什么作用

padding-top是为了撑开图片部分的高度,img高度设置为100%占满整个盒子,所以为正方形,但是padding-top相当于在图片上面设置了一个填充值,所以需要在父元素上设置相对定位,在Img上设置绝对定位,并设置了top:0,left:0,使图片从左上角开始显示,这段代码的作用是为了让图片不管如果缩放屏幕或者使用其他分辨率的手机,都是正方形显示的,代码并不是唯一的,老师所讲的只是其中的一种实现方式,同学也可以尝试使用其他方式实现效果

可以使用＆字符选择父级选择器。 它告诉父选择器应该插入的位置。

上面是sass写法, 设置了元素的宽高和定位,和less是类似的,根据效果图设置需要的样式