相信很多前端会遇到这个问题:要做一个尺寸自适应的页面,其中某个容器的背景图也需要跟着容器的尺寸一起改变。如果背景是有规律的纯色或者渐变还好办,直接平铺即可。但如果背景是要求完全显示的一张完整的图片呢,我们使用background-image这个属性是没办法达到我们的要求的,因为背景图的大小 ...
效果参考 http: vip. .com http: vip.sina.com.cn 特点:背景图片在不变形的情况下尽可能的显示完整,窗口不出现滚动条,始终全屏显示 JS: content代表最外层的DIV,使页面全屏 .bg代表背景图片 lt img src class bg gt ...
2015-02-11 16:54 1 2719 推荐指数:
相信很多前端会遇到这个问题:要做一个尺寸自适应的页面,其中某个容器的背景图也需要跟着容器的尺寸一起改变。如果背景是有规律的纯色或者渐变还好办,直接平铺即可。但如果背景是要求完全显示的一张完整的图片呢,我们使用background-image这个属性是没办法达到我们的要求的,因为背景图的大小 ...
前几天在做一个网页想把一个分辨率比较大的一个背景图片自动适应窗口大小,但是网上搜了下大都是使用 JS控制网页背景随窗口大小自动适应的,而且大都效果不理想,最后终于找到了一个简单的办法 本来是想看看css能不能实现背景图片自动适应窗口的的,但是可惜的是在CSS2中,背景图的大小在样式中 是不可 ...
HTML代码 CSS代码 JS代码 ...
http://blog.csdn.net/alex8046/article/details/51456131 <!DOCTYPE html> <html lang="zh"& ...
...
主要使用:background-size:cover; <body style="width:1024px;height:700px;"> <form id="form1" run ...
1.引入 element-resize-detector依赖 npm i element-resize-detector --save 2.新建chart.resize.js文件 impo ...