2016-03-24 10 views
0

thisの例では、実行ボタンをクリックすると表示されます(70pxがCSSになるまで70pxになるまでテーブルrow-minがリサイズされます) 。CSSのクロムcalc()が表示テーブルで正しく機能していない

どうしてですか?なぜクロムはページの最初の読み込みでCSSに記載された高さにしませんか?このバグはFirefoxやEdgeでは見られません。これはブラウザのバグですか?

更新:今のところわかるように、row-maxcalc()と関係があります。あなたはそれが静的に設定した場合、それは問題にアップデート1 ..

が発生することはありません。クロムとcalc()エラーが残っている。この$('.row-max').css('height',($('.table').height()-70)+'px');

のようにJavaScriptでrow-maxクラスの高さを計算することによって、これを乗り越えるために管理しました..

答えて

0

ここでの答えは、あなたがあなただけのrow-min高さを設定し、row-maxがautomaticaly設定されているrow-max両方row-minの高さを設定し、する必要がないことです。 私の質問に投稿されたjsfiddleの変更であるthis js fiddleをちょうどチェックしてください。