<img/>标签的显示是根据它的width和height来显示宽高的，没定义的话就是图片本身的宽度和高度。不能自动做到根据分辨率调整大小，如果一定要，就把分辨率读出来，用javascript去改<img/>的宽高吧

Quote: 引用 1 楼 kittaaron 的回复:

<img/>标签的显示是根据它的width和height来显示宽高的，没定义的话就是图片本身的宽度和高度。不能自动做到根据分辨率调整大小，如果一定要，就把分辨率读出来，用javascript去改<img/>的宽高吧

嗯.我想要问的就是 如何根据脚本获取到的屏幕大小 而设置图片的width和height 是设置具体的值 还是 百分比呢.根据什么来判断设置值或者百分比的大小呢?

Quote: 引用 2 楼 GDarsLng 的回复:

Quote: 引用 1 楼 kittaaron 的回复:

<img/>标签的显示是根据它的width和height来显示宽高的，没定义的话就是图片本身的宽度和高度。不能自动做到根据分辨率调整大小，如果一定要，就把分辨率读出来，用javascript去改<img/>的宽高吧

嗯.我想要问的就是 如何根据脚本获取到的屏幕大小 而设置图片的width和height 是设置具体的值 还是 百分比呢.根据什么来判断设置值或者百分比的大小呢?

window.screen.height
window.screen.width
javascript获取屏幕分辨率，这是个比较常见的问题，百度就很容易找到

<style>

#bodybg { 

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    z-index: 0;

}

#bodybg .stretch { width:100%;height:100%;} 

</style>



<!--/背景拉伸-->

<div id="bodybg">

  <img src=/img/bg.jpg class="stretch" />

</div>

<!--背景拉伸/-->

在onload事件里面处理就OK了：

  <img id="bodybg" src=/img/bg.jpg class="stretch" />
window.onload = function(){
$("#bodybg").css({height:$(window).height(),width:$(window).width()});
}

Quote: 引用 7 楼 crab890715 的回复:

在onload事件里面处理就OK了：

  <img id="bodybg" src=/img/bg.jpg class="stretch" />
window.onload = function(){
$("#bodybg").css({height:$(window).height(),width:$(window).width()});
}

在公司 QQ号关联登录不了...不是背景图片- -

Quote: 引用 8 楼 qufujun 的回复:

Quote: 引用 7 楼 crab890715 的回复:

在onload事件里面处理就OK了：

  <img id="bodybg" src=/img/bg.jpg class="stretch" />
window.onload = function(){
$("#bodybg").css({height:$(window).height(),width:$(window).width()});
}

在公司 QQ号关联登录不了...不是背景图片- -

什么意思没看懂

这个resize事件就是当window改变大小的情况会重新计算高宽，他们说的屏幕宽度高度其实最终都是window的高宽，我不晓得你具体要实现什么样的效果，你如果是想让图片的大小随着窗口的大小改变而改变的话就是用resize这种方法就可以实现了。

Quote: 引用 14 楼 crab890715 的回复:

这个resize事件就是当window改变大小的情况会重新计算高宽，他们说的屏幕宽度高度其实最终都是window的高宽，我不晓得你具体要实现什么样的效果，你如果是想让图片的大小随着窗口的大小改变而改变的话就是用resize这种方法就可以实现了。

你这个还是背景图片的自适应...背景图片的我会...我问的是 网页中的普通的<img>图片 在不同分辨率下不改变图片宽高比例只变大小- -

你这个还是背景图片的自适应...背景图片的我会...我问的是 网页中的普通的<img>图片 在不同分辨率下不改变图片宽高比例只变大小- -