Mengapakah `ketinggian min` Bekas Flex Saya Diabaikan dalam Internet Explorer 10 dan 11?

Ketinggian Minimum Bekas Flex yang Diabaikan dalam Internet Explorer

Walaupun sokongan meluas untuk sifat flexbox standard, Internet Explorer 10 dan 11 mempamerkan tingkah laku yang pelik apabila ia datang kepada bekas flex. Satu isu sedemikian timbul dengan sifat ketinggian min diabaikan.

Pertimbangkan div bekas yang mengandungi dua div kanak-kanak, setiap satu mempunyai ketinggian maksimum 400px. Menggunakan sifat fleksibel CSS, justify-content: space-between; bertujuan untuk mengagihkan sama rata ruang menegak antara div kanak-kanak. Walau bagaimanapun, penjajaran ini berfungsi dengan sempurna dalam Chrome dan Firefox tetapi tidak dalam Internet Explorer.

Penyelesaian terletak pada menetapkan bekas fleksibel itu sendiri sebagai item fleksibel. Dengan hanya menambah paparan: flex; dan arah lentur: lajur; kepada elemen badan, sifat ketinggian min bekas dihormati dalam Internet Explorer 10 dan 11. Ini memastikan pengagihan ruang yang betul antara div kanak-kanak.

Penyelesaian ini menangani pepijat flexbox khusus untuk Internet Explorer versi 10 dan 11 , memastikan tingkah laku yang konsisten merentas pelayar moden. Butiran lanjut tentang isu ini boleh didapati di https://github.com/philipwalton/flexbugs#flexbug-3.

Atas ialah kandungan terperinci Mengapakah `ketinggian min` Bekas Flex Saya Diabaikan dalam Internet Explorer 10 dan 11?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!