首页 > 其他 > 详细

图片自适应

时间:2016-03-04 20:42:27      阅读:245      评论:0      收藏:0      [点我收藏+]

 

背景图片自适应

  background-image的使用,等比例缩放技巧

  background-size:100% auto;给予这个div一个固定的高度

  background-sze:covert;

 


保持图片不形变的技巧

  给予父控件一个随设备大小变化的宽度

  不限定父控件的高度

  给予父控件一个最大的高度:max-height

  给图片一个宽度,不设定高度

  .wrap_div{ 

    width: 100%;

    overflow: hidden;

    max-height: 360px;

  }

图片自适应

原文:http://www.cnblogs.com/webxiong/p/5243175.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!