纯html 图片定高定宽,裁剪无需后台代码

<p class="image-container">
  <img src="xxx.png">
</p>

CSS:
p.image-container {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  overflow: hidden;
}

p.image-container img {
  width: 100%;
}

这样做图片保持原比例，但只显示上方 40%。