在IE和Firefox中設置div的最大高度和最大寬度

我正在使用可調整大小的div元素[在發現於[計算器]中]。我需要爲div元素設置最大高度和最大寬度。 max-height和max-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%' 
          }); 
    });

來源

2014-06-05 Shriram

你在哪裏設置上述代碼中的'max-width' ..？ –

如果我設置最大寬度和最大高度爲divID它不在IE中工作。 – Shriram

試用[Selectivizr]（http://selectivizr.com/）。它提高了舊版IE瀏覽器的CSS兼容性。另外，爲什麼你用jQuery設置所有這些CSS？ – misterManSam

我有用於觀看和編輯MySQL數據庫表的前端系統，在數據被拖進使用表PHP一個類似的問題/ HTML。

在Internet Explorer上，任何11以下的版本都會在用戶瀏覽器視圖的任何有用區域之外顯示任何div（在單獨的css文件中配置）。 Firefox和Chrome沒有問題。

來源

2014-06-05 06:43:15

當我將max-height設置爲「initial」時，我只是遇到了這個問題。在Chrome中運行良好，但在邊緣模式下運行的IE（11）中無法運行。

工作是使用「繼承」而不是「初始」。

來源

2016-03-04 08:58:11 pursang

在IE和Firefox中設置div的最大高度和最大寬度

回答

相關問題