2014-06-05 84 views
0

我正在使用可调整大小的div元素[在发现于[计算器]中]。我需要为div元素设置最大高度和最大宽度。 max-heightmax-width在Firefox中正常工作,但IE完全忽略它。在IE和Firefox中设置div的最大高度和最大宽度

我使用的IE版本9和Firefox 23

$(document).ready(function() { 
    $(".divID") 
     .wrap('<div/>') 
     .css({'overflow':'hidden'}) 
      .parent() 
      .css({'display':'inline-block', 
        'overflow':'hidden', 
        'height':function(){return $('.divID',this).height();}, 
        'width': function(){return $('.divID',this).width();}, 
        'paddingBottom':'12px', 
        'paddingRight':'12px' 

       }).resizable() 
        .find('.divID') 
         .css({'overflow':'auto', 
          width:'100%', 
          height:'100%' 
          }); 
    }); 
+1

你在哪里设置上述代码中的'max-width' ..? –

+0

如果我设置最大宽度和最大高度为divID它不在IE中工作。 – Shriram

+1

试用[Selectivizr](http://selectivizr.com/)。它提高了旧版IE浏览器的CSS兼容性。另外,为什么你用jQuery设置所有这些CSS? – misterManSam

回答

0

我有用于观看和编辑MySQL数据库表的前端系统,在数据被拖进使用表PHP一个类似的问题/ HTML。

在Internet Explorer上,任何11以下的版本都会在用户浏览器视图的任何有用区域之外显示任何div(在单独的css文件中配置)。 Firefox和Chrome没有问题。

0

当我将max-height设置为“initial”时,我只是遇到了这个问题。在Chrome中运行良好,但在边缘模式下运行的IE(11)中无法运行。

工作是使用“继承”而不是“初始”。

相关问题