用背景显示图片正方形布局

 

css:

正方形

 

width: 100%;
padding-top: 100%;
display: block;
position: relative;
background-size: cover;
background-position: 50% 50%;

比例

 

 

width: 100%;
padding-top: 57%;
display: block;
position: relative;
background-size: cover;
background-position: 50% 50%;