html背景图片自适应屏幕大小_jsp背景图片自适应

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 把图片拉伸至最大，完全显示图片 大窗口

小窗口

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/185456.html原文链接：https://javaforall.cn