web前端技巧记录

1：怎么让图片平铺 传进来的图片自适应这个div？

html中

<div id="bo">

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

</div>

css中

#bo{

display:inline-block;

width:100%;/*图片自适应的父容器的宽*/

height:100%;/*图片自适应的父容器的高*/

}

#bo img{

width:100%;

height:100%;

 

}

或者overflow标签  的auto或者hidden属性

2：最外层设置绝对宽度 --》 防止改变浏览器页面大小变形

  css自适应：利用的media属性

  img标签默认有1px边框，可以把他处理掉