在Vue中将单独一张图片设为背景图并充满整个屏幕

吃不胖爹

于 2023-04-21 14:00:41 发布

阅读量643

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_43894292/article/details/130287036

版权

vue 专栏收录该内容

36 篇文章 1 订阅

订阅专栏

将单独一张图片设为背景图并充满整个屏幕
代码如下(在主div中添加样式)

  background: url("../xx/images/图片名字.jpg");//这里的地址是用你项目中图片所在的路径为准
  background-repeat: no-repeat;//将图片样式不重复
  background-size: 100% 100%;  //设置图片大小
  position: fixed; /* 充满全屏 */
  height: 100%; //设置div高度
  width: 100%; //设置div宽度