search

Home  >  Q&A  >  body text

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

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

<p class="recomImg">

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

</p>

.recomImg{

width:100%
height:700px;

}

ringa_leeringa_lee2770 days ago576

reply all(1)I'll reply

  • 黄舟

    黄舟2017-04-17 13:22:36

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

    reply
    0
  • Cancelreply