图片自适应


 

背景图片自适应

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

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

  background-sze:covert;

 


保持图片不形变的技巧

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

  不限定父控件的高度

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

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

  .wrap_div{ 

    width: 100%;

    overflow: hidden;

    max-height: 360px;

  }

posted @ 2016-03-04 19:24  deadline007  阅读(255)  评论(0编辑  收藏  举报