Mengapakah IE Abaikan Harta `ketinggian min` Bekas Flex Saya?

IE Mengabaikan Ketinggian Minimum Bekas Flex

Dalam Internet Explorer 10 dan 11, bekas flex boleh mempamerkan tingkah laku yang tidak dijangka apabila melibatkan min- harta ketinggian. Walaupun bekas fleksibel harus mematuhi ketinggian minimum yang ditentukan, pelayar IE mengabaikannya.

Untuk menangani isu ini, penyelesaian wujud dengan menjadikan bekas fleksibel sebagai item fleksibel itu sendiri. Dengan menambahkan kod berikut pada CSS anda:

body {
  display: flex;
  flex-direction: column;
}

anda dengan berkesan mengubah keseluruhan halaman menjadi bekas fleksibel. Ini membolehkan bekas fleksibel menghormati sifat ketinggian min dalam IE sambil mengekalkan reka letak yang dimaksudkan.

Contoh:

Pertimbangkan bekas fleksibel dengan dua div kanak-kanak di mana bekas mempunyai ketinggian minimum 400px dan div anak tidak lebih besar daripada 400px. Dalam Chrome dan Firefox, reka letak akan seperti yang diharapkan dengan seorang kanak-kanak di bahagian atas dan seorang lagi di bahagian bawah. Walau bagaimanapun, dalam IE, bekas akan runtuh ke ketinggian kandungannya, mengabaikan sifat ketinggian min.

Penyelesaian:

Untuk menyelesaikan isu ini, laksanakan penyelesaian dengan menjadikan badan sebagai bekas yang fleksibel. Kod yang diubah suai akan kelihatan seperti:

<div>

Atas ialah kandungan terperinci Mengapakah IE Abaikan Harta `ketinggian min` Bekas Flex Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!