css - 图片宽度根据屏幕自适应100%，高度要一个固定值 700px

Question

图片宽度根据屏幕自适应100%，高度要一个固定值 700px
图片的样式怎么写？单纯的 css + html/html5 能解决吗？

<p class="recomImg">

<img src="img/img.jpg" >

</p>

.recomImg{

width:100%
height:700px;

}

Answer 1

.recomImg{
  position: relative;
  width: 100%;
  padding-bottom: 700px;
  overflow: hidden;

  img{
    width: 100%;position: absolute;
  }
}