css图片适应填充div,css怎么让图片自适应 div的大小( 二 )


首先,打开html编辑器,新建html文件,例如:index.html 。
对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小 。background-size有3个属性:auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放 。超过div的多余部分将被隐藏 。
一是通过将该图片设定为某个div的背景图片 , 然后该div的长宽不使用绝对的px , 使用相对的em或者rem 。二是将图片设定display:block,设定图片的长宽为rem或者em 。
css图片适应填充div的介绍就聊到这里吧 , 感谢你花时间阅读本站内容,更多关于css怎么让图片自适应 div的大小、css图片适应填充div的信息别忘了在本站进行查找喔 。

推荐阅读