就看具体需求了,或者说是对背景的理解上
几年前做过类似的应用,思路跟这差不多。
1.将body归零,margin,padding,overflow等
2.设定一个<img>引入背景src (根据实际需要静态或者动态设定尺寸)
3.建立一个div作为新的内容容器,以替代body
最后根据需要,写一段JS,随意更改拉伸、平铺、居中等模拟桌面效果,以及替换背景图片或者颜色,配合其他皮肤样式的切换以及用户自定义桌面,效果更佳
对小屏幕的人来说,经常有人发的图片超过你的屏幕大小,页面下面会出现一个横向滚动条,浏览起来很不方便,有的网站因为排版问题,导致一行文字过长,拉伸了整个页面,都可以通过这个脚本来“修正”,让该页面更适合你的屏幕大小。gBrowser.loadURI("javascript:(function(){function%20t(f){a=d.createNodeIterator(d,1,f,false)while(a.nextNode()){}}var%20d=documentt(function(e){x=e.offsetLeftl=e.offsetParentwhile(l!=null){x+=l.offsetLeftl=l.offsetParent}var%20w=d.documentElement.clientWidth-xvar%20s=e.styleif(s.marginLeft)w-=s.marginLeftif(s.marginRight)w-=s.marginRightif(s.paddingLeft)w-=s.paddingLeftif(s.paddingRight)w-=s.paddingRightif(s.borderSize)w-=s.borderSizew-=d.defaultView.innerWidth-d.documentElement.offsetWidthif(e.tagName=='IMG'){h=e.clientHeight*w/e.clientWidths.maxHeight=h}s.maxWidth=w+'px'})})()")