求助,使用 Javascript 实现 'min-width' 特性功能。

Question

在样式表中使用了min-width和max-width的属性,在其他就浏览器都显示正常,
但是在ie8下就不正确了,百度上说使用 Javascript 实现 'min-width' 和 'max-width' 特性功能,可是没有代码?请问有没有相关的实现代码可以参考下?

Answer 1

首先如何理解max-width和min-width ？？

页面自适应情况下设置最大宽度和最小宽度的。
如：max-width=“100px”；min-width=“50px”；

说明页面最大宽度为100px；最小宽度是50px；就是超过100px的显示为100px，小于50px的显示为50px；

但是ie浏览器不认，如果想在ie中设置最大宽度和最小宽度，并且兼容其它浏览器，网上看了好多都不好使，刚想出了个可以用js做判断，亲测可用。
如：var bodyW=$("body").outerWidth(true);

if(body > 100){

$("body").css({"width":"100px"});

}else if(body < 50){

$("body").css({"width":"50px"});

}else{

$("body").css({"width":bodyW+"px"});

}