JS中如何使LOGO大小能够自动适应不同的屏幕分辨率

来源：百度知道 编辑：UC知道 时间：2024/05/22 08:58:36
我的地址是http://www.eastempire.net
出现的问题是：LOGO在屏幕分辨率为1024*768像素下显示正常，在其他分辨率下显示严重变形。
需要解决：LOGO大小能够自动适应不同的屏幕分辨率
请求高手提供详细的在JS中的确解决办法
并且说明插入的位置
最好提供CSS代码，并且满足LOGO水平居中，自动适应屏幕，实现满屏显示。JS代码不能加入。
我的CSS代码地址http://www.eastempire.net/read.php?tid=1057,请高手指出添加位置

<div id="divbox" style="width:100%">
<!-- 这个DIV用来装你的图片，宽度会自适应 -->
<img id="imgbox" src="8.jpg" />
<!-- 这里放你的图片 -->
</div>

<script>
function $( obj ){
return document.getElementById(obj);
}
//如果出错或者有不对可以把下面这行的注释取消看看是DIV和IMG的宽度都是多少,不对就说明有问题了
//alert($('divbox').clientWidth + "\n" + $('imgbox').clientWidth );

//设置图片的宽度
$('imgbox').style.width = $('divbox').clientWidth;

//看看设置后的结果
//如果出错或者有不对可以把下面这行的注释取消看看是DIV和IMG的宽度都是多少,不对就说明有问题了
//alert($('divbox').clientWidth + "\n" + $('imgbox').clientWidth );
</script>

<img src='logo文件.gif' width=100%>
这样就能自动适应屏幕，实现满屏显示。