50 求css控制图片大小自适应的代码:兼容各种浏览器的

来源:百度知道 编辑:UC知道 时间:2024/06/17 16:57:36
img{
max-width:780px;
width:expression(document.body.clientWidth >780? "780px": "auto" );
}
这个在Ie6下不管用,其他版本的Ie没试过,
如果上面的改成
img{
width:780px;
max-width:780px;
width:expression(document.body.clientWidth >780? "780px": "auto" );
}
在Ie下是可以了,但是火狐下图片大小总是被拉大到780px
所以求个兼容的,谢谢!

用js吧,我都用的js控制图片大小的
<SCRIPT>
<!--
document.getElementById('zd').innerHTML = '';

function picresize(obj,MaxWidth,MaxHeight){
obj.onload=null;
img=new Image();
img.src=obj.src;
if (img.width>MaxWidth && img.height>MaxHeight){
if (img.width/img.height>MaxWidth/MaxHeight) {
obj.height=MaxWidth*img.height/img.width;
obj.width=MaxWidth;
}else {
obj.width=MaxHeight*img.width/img.height;
obj.height=MaxHeight;
}
}else if (img.width>MaxWidth) {
obj.height=MaxWidth*img.height/img.width;
obj.width=MaxWidth;
}else if (img.height>MaxHeight) {
obj.width=MaxHeight*img.width/img.height;
obj.height=MaxHeight;
}else{
obj.width=img.width;
obj.height=img.height;
}
}
-->