使图片自适应屏幕大小的js

JavaScript031

使图片自适应屏幕大小的js,第1张

对小屏幕的人来说，经常有人发的图片超过你的屏幕大小，页面下面会出现一个横向滚动条，浏览起来很不方便，有的网站因为排版问题，导致一行文字过长，拉伸了整个页面，都可以通过这个脚本来“修正”，让该页面更适合你的屏幕大小。

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'})})()")

网页设计在加过js之后排版全乱了通过修改DW属性参数。用DW作网页的时候经常会碰到这类问题的原因，DW的可视化虽然给网页制作人员带来了方便，但是它的许多可视的标示符号也着实讨厌会占据设计试图的空间及修改其布局，所以您的原本整齐的页面变乱了解决办法把类似于脚本一类的会出现标示符号的部分放在HTML元素的非元素空间里，或者不显示的空间里。