返回首页

如何设置网站标题为填补100%的浏览器或屏幕图像的宽度..:? 我开发一个网站。我想设置头IMGE宽屏幕的100%。
当我设置

<img src="image.jpg" width=100%>
的工作,但用户点击restore_down的按钮头形象正在萎缩,但我需要设置筛网宽度的图像宽度。
因为所有的客户端不具有相同的分辨率。

提前感谢百万......

回答

评论会员:游客 时间:2012/02/07
把你的头形象,作为一个div或表的背景下,TD1。如果你重复的x属性的图像西装,那么它是很容易解决的宽度:100%;像iPad,iPod,iPhone的所有决议的PC,笔记本电脑(包括最低高度,最大宽度笔记本电脑的屏幕),所有设备等{BR} 这是你的CSS,如果图片符合重复x背景:网址(----)重复-X左上方;否则选项22。如果你的形象不是西装-X重复,有使用的JavaScript脚本(J-查询),使图像适合在所有的浏览器,操作系统和设备。要解决这样和jQuery是要发挥作用找到浏览器窗口的宽度和增加相应的宽度属性被添加到图像......IMGSRC="----"GT,LT;/imggt;
vino2012
评论会员:游客 时间:2012/02/07
LT;htmlgt;LT;headgt;脚本类型="文本/javascript"SRC="htt​​p://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"GT;LT;/scriptgt;脚本类型="文本/javascript"GTVARcontWidth=120;contHeight=83;VARbgOrigWidth=1280bgOrigHeight=632$(文件)。就绪(函数(){调整()$(窗口)绑定("调整大小",函数(){调整大小();});});功能调整大小()VARmyWidth;VARmyHeight;如果(typeof运算(window.innerWidth)=='数'){//非IE浏览器myWidth=window.innerWidth;myHeight=window.innerHeight;}否则,如果(document.documentElement放大器;放大器;(document.documentElement.clientWidth||document.documentElement.clientHeight)){//IE6的标准兼容模式'myWidth=document.documentElement.clientWidth;myHeight=document.documentElement.clientHeight;}否则如果(document.body的放大器;放大器;(document.body.clientWidth||document.body.clientHeight)){4//IE浏览器兼容myWidth=document.body.clientWidth;myHeight=document.body.clientHeight;}如果(contWidthGT;myWidth){myWidth=contWidth;}如果(contHeightGT;myHeight){myHeight=contHeight;}//("contentFrame")style.left=((myWidthcontWidth)/2);"PX"。//的(contentFrame")style.top=(myHeightcontHeight),/2"PX";//警报((bgOrigWidthmyWidth)"GT"(bgOrigHeightmyHeight))VARheightDiff=bgOrigHeightmyHeight;VARwidthDiff=bgOrigWidthmyWidth;heightDiffPercent=(heightDiff/bgOrigHeight)*100widthDiffPercent=(widthDiff/bgOrigWidth)*100如果(widthDiffPercentGT;heightDiffPercent){newHeight=myHeight;newWidth=(myHeight/bgOrigHeight)*bgOrigWidth;}否则{newWidth=myWidth;newHeight=(myWidth/bgOrigWidth)*bgOrigHeight;}//警报("newWidth:"newWidth"......""newHeight:"newHeight"......"(bgOrigWidthmyWidth)"GT"(bgOrigHeightmyHeight))//VARimgArr的=document.getElementsByTagName("IMG");//imgArr[0]SRC="images/background/bg_home_1.jpg";VARimgArr=$("#img_bg");imgArr.css("宽度",newWidth"PX")imgArr.css("高度",newHeight"PX")//imgArr.width=newWidth;//imgArr.height的newHeight;//返回newWidth"|"newHeight}LT;/scriptgt;风格类型="文本/CSS"GT身体填充:0px;利用margin:0px;}HTML{溢出:隐藏;}LT;/stylegt;LT;/headgt;LT;bodygt;LT;格样式="溢出:隐藏"GT; IMGID="img_bg"SRC="Header2.png/GTLT;/divgt;LT;/bodygt;LT;/htmlgt;{C}{C2的}