视觉给的图片可能是200*200，但实际页面展示需要100*100。通过传入参数：100px，来达到自己想要的效果。
@mixin hv-align-auto ($maxwidth) {
width: 100%;
max-width: #{$maxwidth};
margin: 0 auto;
.hv-align-inner {
display: block;
width: 100%;
padding-top: 100%;
position: relative;
img {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
}
}
网友评论