web前端技巧记录

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhuisaozhang1292/article/details/86137277

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边框,可以把他处理掉

猜你喜欢

转载自blog.csdn.net/zhuisaozhang1292/article/details/86137277