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

1.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%;

}


2.

background-size的cover

 

 

posted @   深山藏古客  阅读(22)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示