Krom kalk() CSS'deki ekran tabloyla doğru çalışmıyor

Question

(yerel örneğini görüntülemek zaman yenileme ile aynı) çalıştırma düğmesine tıklandığında yüksekliği CSS gibi 70px olana kadar masa row-min boyutlandırır this örnekle görebileceğiniz gibi .

Bu neden oluyor? Neden chrome, sayfanın ilk yüklemesiyle CSS'de belirtilen yüksekliği yapmıyor? Bu hata Firefox veya Edge'de görülmedi. Bu tarayıcının bir hatası mı?

güncelleme: Şimdi gördüğünüz gibi row-max yüksekliğinin calc() ilgisi şeydir. krom bu $('.row-max').css('height',($('.table').height()-70)+'px');

calc() hata gibi javascript row-max sınıfın yüksekliğini hesaplayarak kalan bu aşa başardı: Eğer ayarlarsanız bu

Update1 .. o sorun neden olmaz statik etmek ..

Answer 1

İşte cevabı size sadece row-min yüksekliğini ayarlamak ve row-max otomatik olarak ayarlanır row-max hem row-min yüksekliğini ayarlamak ve gerek kalmamasıdır. Sadece sorularımda ilettiğim jsfiddle'un bir değişikliğidir. this js fiddle.