如何让html背景图片自适应大小

  • 时间:2020-03-15 13:29 编辑: 来源: 阅读:297
  • 扫一扫,手机访问
摘要:我们在做网站时,往往需要设置背景图片,但不同的用户浏览我们做的网站浏览器尺寸不一样,这就会导致一个问题,如果我们设置一个固定尺寸的背景图片,就会造成在大尺寸浏览器下,背景图片不全。怎么解决这个问题呢?方法就是设置html背景

我们在做网站时,往往需要设置背景图片,但不同的用户浏览我们做的网站浏览器尺寸不一样,这就会导致一个问题,如果我们设置一个固定尺寸的背景图片,就会造成在大尺寸浏览器下,背景图片不全。

怎么解决这个问题呢?方法就是设置html背景图片自适应大小,它可以自动适应不同尺寸屏幕。

HTML背景图片自适应

实现方法也很简单,只需要在自己网站的CSS样式里,找到背景图片CSS样式,加上以下的CSS属性。

background-size: cover;

实例代码如下:

.bg {
  height: 100%;
  width: 100%;
  background: url('../img/bg/snow.jpg') no-repeat;
  background-size: cover;
  position: absolute;
  overflow: hidden;
}


  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【技术文章|】Java 开发环境配置(2021-01-16 19:16)
【技术文章|java技术】Java简介 主要特性 发展历史(2021-01-16 19:10)
【技术文章|java技术】eclipse项目如何导入myeclipse项目中 如何把eclipse项目导入myeclipse(2020-12-20 22:06)
【技术文章|】如何将MyEclipse项目导入eclipse (2020-12-20 22:00)
【技术文章|java技术】如何用eclipse运行myeclipse做的项目(2020-12-20 21:55)
【技术文章|java技术】怎么分辨java框架(2020-12-17 16:27)
【技术文章|】Editplus批量转换java utf-8 bom源码文件为utf-8编码文件(2020-12-13 20:21)
【技术文章|java技术】java utf-8 bom源码文件为utf-8编码文件(2020-12-13 20:17)
【服务项目|】java程序代写计算机毕业设计代做(2020-10-20 16:54)
【热点|国内】第七次全国人口普查“查人”又“查房”,还可自主填报(2020-10-20 14:49)
底部广告
网站首页 | 关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 站点地图
CopyRight 2014-2024 学帮网 |粤ICP备18000800号-4