开发者社区> 问答> 正文

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

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

<div class="recomImg">

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

</div>

.recomImg{

width:100%
height:700px;

}

展开
收起
杨冬芳 2016-06-13 14:08:46 2564 0
1 条回答
写回答
取消 提交回答
  • IT从业
    .recomImg{
      position: relative;
      width: 100%;
      padding-bottom: 700px;
      overflow: hidden;
    
      img{
        width: 100%;position: absolute;
      }
    }
    2019-07-17 19:35:49
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载