Bagaimanakah Saya Boleh Membetulkan Isu Flexbox dalam IE10?

Menyelesaikan Masalah Flexbox dalam IE10

Pelaksanaan flexbox IE10 mungkin menunjukkan tingkah laku yang tidak dijangka disebabkan sokongan bukan aslinya. Ini berlaku kerana IE10 menggunakan versi lapuk spesifikasi flexbox, yang memperkenalkan pengehadan.

Untuk menangani isu ini, adalah penting untuk memahami perkara berikut:

• Flexbox tidak disokong sepenuhnya dalam IE sebagai ciri asli.
• IE10 melaksanakan versi "tween" spesifikasi, yang sepadan dengan draf W3C Mac 2012.
• Versi semasa spesifikasi flexbox telah melalui beberapa semakan sejak kemudian.

Isu Khusus Dilaporkan

Isu yang dilaporkan dengan flexbox tidak berfungsi dengan betul dalam IE10 berpunca daripada penggunaan sintaks flexbox moden dalam kod yang bertujuan untuk keserasian IE . Khususnya:

• Paparan: pengisytiharan flex menggunakan sintaks yang tidak disokong dalam IE10.

Penyelesaian

Untuk menyelesaikan isu ini, laraskan kod untuk menggunakan sintaks yang disokong dalam pelaksanaan "tween" IE10, yang termasuk sifat awalan:

.flexbox form {
    display: -ms-flex;
    -ms-flex-direction: row;
}

.flexbox form input[type=submit] {
    width: 31px;
}

.flexbox form input[type=text] {
    width: auto;
    display: -ms-flex;
    -ms-flex: auto 1;
}

Perubahan ini menyasarkan pelaksanaan flexbox "tween" IE dan harus memulihkan tingkah laku yang dijangkakan.

Sumber Tambahan

Untuk maklumat lanjut tentang keserasian flexbox merentas penyemak imbas, rujuk sumber berikut:

• [Panduan Mozilla Flexbox](https ://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes)
• [Cs-Tricks: Menggunakan Flexbox](http://css-tricks.com/using- flexbox/)
• [Spesifikasi Kotak Flex W3C](http://dev.w3.org/csswg/css-flexbox/)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membetulkan Isu Flexbox dalam IE10?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!