场景

针对不同尺寸的图片需要放在一个固定宽高的展示空间中,为了保证图片的比例,以及铺满的两个基本效果,可以使用background-image来实现。

代码

  1. #demo {
  2. width:300px;
  3. height:200px;
  4. background:url(./demoimg.jpg) no-repeat center ;
  5. background-size:cover
  6. }

更多

待补充