css 图片按固定比例显示解决方案

HTML:
<p class="container">
  <img src="xxx.png">
</p>

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

p.container img {
  width: 100%;
}

代码不多，就不贴效果图了，长宽比为100%比120%，即5:6