Mengapa Susun Atur Grid CSS Saya Tidak Berfungsi dalam IE11, Walaupun dengan Awalan?

Reka Letak Grid CSS tidak Berfungsi dalam IE11, Walaupun dengan Awalan

Walaupun mematuhi piawaian susun atur Grid CSS dan penggunaan awalan, sesetengah pengguna menghadapi isu semasa membuat reka letak dengan betul dalam IE11. Artikel ini menangani percanggahan keserasian dan menyediakan penyelesaian.

Versi lama spesifikasi Grid yang digunakan oleh IE11 tidak menyokong sifat tertentu yang diperkenalkan dalam standard yang lebih baharu. Untuk memastikan keserasian dengan IE11, pengubahsuaian berikut diperlukan:

• Fungsi repeat(): Fungsi repeat() tidak disokong dalam IE11. Gunakan sintaks yang betul atau isytiharkan panjang baris dan lajur secara eksplisit.
• Kata Kunci rentang: Kata kunci rentang untuk menentukan rentang sel grid tidak disokong dalam IE11. Gunakan sifat yang setara, rentang baris grid dan rentang lajur grid.
• Harta jurang grid: Sifat jurang grid dan bentuk tangan panjangnya (lajur grid- gap dan grid-row-gap) tidak disokong dalam IE11. Teroka kaedah alternatif untuk mengasingkan item grid, seperti jidar.

Selain itu, IE11 tidak mempunyai sokongan untuk peletakan automatik item grid. Untuk memastikan penempatan item grid yang betul, tentukan kedudukannya secara eksplisit menggunakan sifat -ms-grid-row dan -ms-grid-column.

Atas ialah kandungan terperinci Mengapa Susun Atur Grid CSS Saya Tidak Berfungsi dalam IE11, Walaupun dengan Awalan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!