css 背景图片自适应全屏

自适应屏幕大小，撑满全屏（图片宽高比会随屏幕宽高比变化）
不随着滚动条滚动

.bg{background: url("~@/assets/images/主背景.png");position:fixed;top: 0;left: 0;width:100%;height:100%;min-width: 1000px;z-index:-10;zoom: 1;background-color: #fff;background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;
}

css 背景图片自适应全屏相关推荐

用css使用html设置背景图片自适应,CSS怎么设置背景图片自适应全屏？附源码！...
不少同学在设置网站背景图片时会遇到这么一个问题:背景图片总是不能铺满整个屏幕,不是图片太小就是图片被过度放大,显得不太美观.那么 CSS 怎么设置背景图片自适应全屏呢?这篇文章告诉你. 实现效果: 源 ...
web图片铺满网页_CSS实现网页背景图片自适应全屏
一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形 ...
如何实现网页背景图片自适应全屏？
如果问是什么让所有男人都生活在恐惧中,回答是不确定.没有人表露,但好奇会害死猫.十个女人中会有九个同意这点.广告商想尽办法让我们觉得不足够,但会告诉我们还可以改进.没错,先生们-.size很重要. 我 ...
css 背景图片自适应属性整理
本篇博客主要记录一些使用 css 对背景图片自适应的操作整合背景图片取消重复 background-image: url(image.jpg); background-repeat:no-repea ...
css 背景图片自适应元素大小
本人软件工程大三学生,近期在公司实习,初级前端工作者. 由于正在做手机端界面,自适应的布局成了最主要的工作,在最近对背景图片自动伸缩频繁使用,对自动伸缩的方法有一点心得体会. 一.一种比较土的方法,& ...
HTML5 body设置全屏背景图片如何让body的背景图片自适应整个屏----实战经验 1
用什么代码实现?不允许有白色底色产生,因为手机高度不一样设计图要标准(750)确认是背景图(通屏底图)应用场景:移动端宣传页面或者活动页面错误的写法:加到div中结合图片设置min-height, ...
HTML5 body设置全屏背景图片如何让body的背景图片自适应整个屏----实战经验
用什么代码实现?不允许有白色底色产生,因为手机高度不一样错误的写法:加到div中结合图片设置min-height,但是页面不会回弹话不多说直接上代码终极方案 html,body{width:10 ...
html背景图片自适应纵向,HTML5 body设置全屏背景图片如何让body的背景图片自适应整个屏----实战经验...
用什么代码实现?不允许有白色底色产生,因为手机高度不一样错误的写法:加到div中结合图片设置min-height,但是页面不会回弹话不多说直接上代码终极方案 html,body{ width:1 ...
html5整个桌面背景图片,HTML5 body设置全屏背景图片如何让body的背景图片自适应整个屏----实战经验...
用什么代码实现?不允许有白色底色产生,因为手机高度不一样错误的写法:加到div中结合图片设置min-height,但是页面不会回弹话不多说直接上代码终极方案 html,body{ width:1 ...

css 背景图片自适应全屏

css 背景图片自适应全屏相关推荐

最新文章

热门文章