概述
本篇文章给大家介绍html背景图片自适应窗口大小的方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
background-size:cover
登录后复制会把图片拉伸至足够大，但是背景图片有些部分可能显示不全
#bgImg {
height: 100%;
width: 100%;
background: url('../img/bg/snow.jpg') no-repeat;
background-size: cover;
position: absolute;
overflow: hidden;}登录后复制效果
大窗口
小窗口
background-size:contain
登录后复制把图片拉伸至最大，完全显示图片
大窗口
小窗口
推荐学习：html视频教程
以上就是html背景图片如何自适应窗口大小的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是等待龙猫为你收集整理的html背景图片如何自适应窗口大小的全部内容，希望文章能够帮你解决html背景图片如何自适应窗口大小所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复