body背景图片自适应网页窗口问题，亲测有效！

直接上代码（css）：

html {height: 100%;width: 100%;
}body {background-image: url(pic/BG2.jpg);background-repeat: no-repeat;background-size: 100% 100%;
}

要先规定html的宽和高，才能去让body里的背景去匹配！
效果预览：

存在问题：图片会被拉伸失去原来的观赏性！

body背景图片自适应网页窗口问题，亲测有效！相关推荐

基于html5背景图片自适应代码
基于html5背景图片自适应代码是一款背景不随滚动条滚动,会根据分辨率不同自动匹配对应的背景图片.效果图如下: 在线预览源码下载实现的代码. css代码: .jawbone-hero .ja ...
HTML 设置背景图片自适应
HTML 设置背景图片自适应 background: url(xxx.png) no-repeat fixed; background-size:100% 100%;
用css使用html设置背景图片自适应,CSS怎么设置背景图片自适应全屏？附源码！...
不少同学在设置网站背景图片时会遇到这么一个问题:背景图片总是不能铺满整个屏幕,不是图片太小就是图片被过度放大,显得不太美观.那么 CSS 怎么设置背景图片自适应全屏呢?这篇文章告诉你. 实现效果: 源 ...
css怎么设置背景图片自适应大小
在css中,可以利用"background-size"属性设置背景图片自适应大小,该属性用于设置背景图片的大小,只需要给背景图片元素添加"background-size: ...
最新图片在线加水印网页源码+亲测可用
正文: 最新图片在线加水印网页源码+亲测可用,专门用于给图片加水印打码的工具,完全基于浏览器本地API,无任何网络请求. 程序: wwuwe.lanzouq.com/i1W4508nyhjc 图片:
div背景图片自适应
在为文莱的一个天气预报网站做页面,突然遇到一个问题,就是需要div的背景图片自适应屏幕大小,网上找了好久,chrome都无效,最后找到了一个,说要这么写 .product_wx {background ...
VUE(10)--添加背景图片以及背景图片自适应
背景图片地址不能直接写在标签里面,要用data绑定背景图的地址要加require 背景图要设置height属性 <div :style="bgImg"> </d ...
背景图片自适应div
背景图片自适应div,一种是设置background-size:cover:一种是设置背景图片no-repeat,background-size:100%; (1) background: url(& ...
背景图片自适应功能 | 小程序
1.CSS3样式属性(背景图片自适应) 语法 =>background-size :[ <length> | <percentage> | auto ]{1,2 ...

body背景图片自适应网页窗口问题，亲测有效！

body背景图片自适应网页窗口问题，亲测有效！相关推荐

最新文章

热门文章