如何让图片自适应

[原文地址: http://blogs.hray.info:10000/2014/03/09/picauto/]


比如我们在一个div中要放一个图片,但图片太大,超过了div的显示区域。通常有两种方法处理,一种是通过设置div的overflow: hidden来隐藏超出部分;另一种是手动设定图片要显示的大小。但这两种方法都有些问题,第一种方法导致不能看到全图,第二种方法要记住图片文件的比例,然后设定到指定大小,比较繁琐。其实还有一种很简洁的方法。

1
2
3
4
div img {
    max-width 100% ;
    height auto ;
}

通过这种方法就能很方便的处理了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值