这里只介绍两种方式，一种是利用<img>标签，一种是设置style的background；当然肯定不止这两种方式

<img>标签

/* css */
img{position: fixed;width: 100%;height: 100%;z-index: -1;
}

background

body {background: rgb(129, 155, 190) url(背景.jpeg);/* 决定背景图像的位置是在视口内固定，或者随着包含它的区块滚动 */background-attachment: fixed;/* 图片可以保有其原有的尺寸，或者拉伸到新的尺寸，或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。 */background-size: cover;width: 100%;height: 100%;}

学习

CSS背景图片自适应大小相关推荐

css怎么设置背景图片自适应大小
在css中,可以利用"background-size"属性设置背景图片自适应大小,该属性用于设置背景图片的大小,只需要给背景图片元素添加"background-size: ...
css 背景图片自适应属性整理
本篇博客主要记录一些使用 css 对背景图片自适应的操作整合背景图片取消重复 background-image: url(image.jpg); background-repeat:no-repea ...
css 背景图片自适应元素大小
本人软件工程大三学生,近期在公司实习,初级前端工作者. 由于正在做手机端界面,自适应的布局成了最主要的工作,在最近对背景图片自动伸缩频繁使用,对自动伸缩的方法有一点心得体会. 一.一种比较土的方法,& ...
html 背景自动适应,背景图片自适应大小(css3)
body { background: url(/happytime/img/index.jpg) no-repeat center center fixed; background-size: 100 ...
css 背景图片自适应全屏
自适应屏幕大小,撑满全屏(图片宽高比会随屏幕宽高比变化) 不随着滚动条滚动 .bg{background: url("~@/assets/images/主背景.png");posi ...
CSS背景图片自适应缩放contain/cover
background-size: contain; background-repeat: no-repeat; background-position-x: center; background-po ...
背景图片自适应大小的方法
<!DOCTYPE html> <html> <head> <title></title> <meta charset="u ...
web开发入门，css背景图片自适应屏幕宽度
现如今,我们经常可以看到很多互联网员工都在抱怨,不是说收入低了,就是说工作时间太长.所以我们会见到有不少优秀的互联网员工,只要有机会,要么去一些学校当老师,要么当公务员之类比较稳定的岗位,当然这些能够 ...
背景图片自适应大小（平铺）
主要使用:background-size:cover; <body style="width:1024px;height:700px;"> <form id=&q ...
css背景图片自适应
background-size: cover; -webkit-background-size: cover; -o-background-size: cover;

CSS背景图片自适应大小

<img>标签

background

CSS背景图片自适应大小相关推荐

最新文章

热门文章