Question

如何让图片宽度大于分辨率的情况下实现宽度满屏？

比如我现在有张1100的banner图片,可能在1024的分辨率下刚刚好,但如果切换到1024*768的分辨率下则出现下拉条了,怎样控制图片刚好够1024的宽度,其它的部分隐藏掉，则不出现下拉条。（用css控制最后，JS也OK）

Answer 1

可以设置图片的宽度和高度都为100%，之后可自适应屏幕大小
举例：
<div class="zj02" style ="width:100%;height:100%;overflow:hidden;"><img src="zj_01.gif" /></div>；
此时图片即可全屏幕显示，不会出现”超宽“现象。

Answer 2

img标签外加一个div，css设为
width:1024px;
height:768px;
overflow:hidden;

追问

不行噢，我不可能定死img的宽度吖，如果是另外的分辨率那我岂不又白费。呵呵，还有别的办法么？

追答

可以把div的width设为100%，但是高度就不好控制了。
最好用javascript动态获取：
screen.availHeight和screen.availWidth获取获取系统屏幕的工作区域高度和宽度，排除 Windows 任务栏。
screen.height和screen.width获取屏幕的分辨率。