使用JS来解决问题,不支持IE6的最大宽度和最大高度

今天,有一个关于使用JS来解决IE6的问题,它不支持的最大宽度和最大高度。它只是用jQuery方法开始的,但它在CSS中从来没有得到过值。
复制代码代码如下所示:
如果(美元。browser.msie美元。browser.version = = 6)
{
VaR最大= parseInt($('。viewbigpic IMG)。Css('max-width '));
$('。viewbigpic IMG)。每个(函数(){)
如果($(this)。Width()> maxwidth)
$(这)Width(最大);
});
}

我不知道是什么原因,你不能在CSS中得到最大值,然后你只能用一个本地js实现它。

js代码如下所示:
复制代码代码如下所示:

功能setphotosize(元素、宽度、高度){

尝试{
新图像();
SRC = elem.src图像;
如果(图像宽度> 0图像高度> 0){
风险率=(宽度/高度/ image.width <<形象。高度)宽度/高度/ image.height image.width;
如果(速率< = 1){
elem.width =图像宽度*率;
elem.height =形象。高*率;
}
{其他
elem.width = image.width;
elem.height = image.height;
}
}
} catch(e){ }

}


HTML代码的一部分如下所示:
复制代码代码如下所示:






CSS样式如下:
复制代码代码如下所示:
。viewbigbox { border: 1px solid # e3e3e3;背景颜色:# ffffff;填充:1px;边距:18px;}
。viewbigpic {背景颜色:# f7f7f7;填充:20px 14px;}
。viewbigpic p {display:表细胞;宽度:730px;线高度:470px;溢出:隐藏;垂直对齐方式:居中;文本对齐:中心;高度:470px;*字体大小:390px;}。

实现图片的垂直方向,主要使用字体大小和高度的比例。
。viewbigpic P img {垂直对齐方式:居中;最大高度:470px;最大宽度:730px;}