wild84
2017-10-27 03:57
采纳率: 99.5%
浏览 1.2k
已采纳

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

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

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • Alter丶ego东少 2017-10-27 06:49
    已采纳

    首先如何理解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"});

    }

    已采纳该答案
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题