Question

JS代码拉伸图片至屏幕分辩率大小，并显示

比如我有一张图片，a.jpg是800*600像素的，现在屏幕的分辩率是1024*768，如何把图片拉伸为1024*768像素，就是把图片尺寸大小变成屏幕分辩率等同的效果！然后在一个DIV层中显示出来，哪个高手帮忙写段JS代码，先谢谢了，分不够我再加。

Answer 1

不需要用层，直接在IMG里用Onload事件触发：
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" onload="if(screen.width==1024)this.width=1024">

Answer 2

楼主.你直接这么写就OK.

<div style="width:100%;height:100%;background-image:url(a.jpg);background-repeat: no-repeat;"></div>

这个div的宽和高都是100%.不管用户分辨率多大.它都显示100%.background-repeat: no-repeat;是平铺的意思.

Answer 3

html就能实现
<img src="" width="1024" height="768" />

Answer 4

个人觉得这种功能没什么意思，有时候反而是一种障碍，因为每个人的浏览器不一定都是一样的，有些人装了google工具栏，有些人装了baidu工具栏，QQ工具栏等等，那么他的浏览器的实际可用的空间就变小N多了，你要强行把图片拉大，本来一屏可以看到的东西现在不就看不完整了吗？再说你的屏幕的分辨率是1024*768 但你的网页也能达到这么大吗？于用户体验方面来说是不好的~