关于背景自适应的问题,css js均可。

JavaScript014

关于背景自适应的问题,css js均可。,第1张

@,这个俺都不知道咋说才好,你知道 1920x1244 这个大小是啥概念麽 ?=w=

这张图片至少在 24“ 的普屏显示器才能全部显示(按F11进入全屏后……),而你那分辨率顶多也就是 13”~19“ 的宽屏本本或台式显示器。

@,咋说个好呢,也就是说,背景不是全部被显示才没白边,而是超过屏幕宽度被切掉才没白边。

这样说应该明了吧。

我机是 17” 1024*768 的普屏,那网站第一次进去时,俺都不知道左右两边竟然都有个人物,把浏览器缩放到 60% 时才完全显示背景。

嘛嘛,这种也是常见的铺屏方式,大多游戏站也是这样。

最后一个的话,用IMG,作背景,只要设置好层的顺序就行了 (z-index)

查了一下CSS3的背景,如果你非要这样铺的话,那么也可以用

background-size

这属性

值:

contain (等比缩小铺满横向屏幕,大图用)

cover (拉伸铺满全屏,非等比,小图用)

100px 100px (自定义大小,可用百分比)

可以先用js获取页面窗口大小,然后再调用不同的背景css样式

就看具体需求了,或者说是对背景的理解上

几年前做过类似的应用,思路跟这差不多。

1.将body归零,margin,padding,overflow等

2.设定一个<img>引入背景src (根据实际需要静态或者动态设定尺寸)

3.建立一个div作为新的内容容器,以替代body

最后根据需要,写一段JS,随意更改拉伸、平铺、居中等模拟桌面效果,以及替换背景图片或者颜色,配合其他皮肤样式的切换以及用户自定义桌面,效果更佳