版权声明:本文为博主原创文章,未经博主允许不得转载。 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边框,可以把他处理掉