css 控制 img大小自适应DIV,所比例保持不变

作者:超级无敌大飞   阅读 (5388)  |  收藏 (0)  |  点赞 (0)

摘要

css 控制 img大小自适应DIV,所比例保持不变,防止图片变形


原文链接:css 控制 img大小自适应DIV,所比例保持不变

本文简要 说明下如何使用CSS 来控制DIV中的img大小自适应DIV,而且不能让图片的比例发生变化,要不然就会 发现图片巨丑,

CSS样式如下:

<style>
    .resource_note_detail img {
      display: block;
      max-width: 100%;
      height: auto;
      background-size: cover;
    }
</style>

DIV 包裹的图片代码为:

<div class="resource_note_detail" width="300px">
	<img src='../img/my/ico.bmp' title="我的头像"/>
</div>



分类   前端设计
字数   325

博客标签    图片大小自适应div   图片自动缩放不变形  

评论