Dalam demo, item grid runtuh satu sama lain. Hanya melihat ini di IE11.
Juga, tidak ada daftar lengkap browser yang didukung di dokumen.
davedele
Semua 5 komentar
Hai @davedele Anda dapat mengetahui versi OS Anda yang mana? Anda juga dapat memberikan beberapa layar cetak?
cjpatoilo
pada 24 Mar 2016
Hai @cjpatoilo , terima kasih atas balasan Anda. Untuk lebih spesifik, di titik henti seluler mana pun Anda mendapatkan apa yang Anda lihat pada gambar terlampir.
Saya menggunakan IE11 di Windows7
davedele
pada 24 Mar 2016
Hai @davedele Untuk IE ada dukungan parsial karena banyaknya bug ( lihat masalah yang diketahui )
Jika Anda menemukan solusi, hubungi saya. Terima kasih telah melaporkan permasalahan ini.
cjpatoilo
pada 24 Mar 2016
Terima kasih @cjpatoilo , Berikut ini solusi cepat untuk IE11:
Saya menggunakan sedikit js untuk menemukan UserAgent http://rog.ie/blog/html5-boilerplate-addon
Lalu saya menambahkan kueri media baru:
<strong i="10">@media</strong> screen and (max-width: 40em) {
html[data-useragent*='rv:11.0'] .row .column {
flex: none;
}
}
Apa yang melanggarnya di IE adalah " flex:1 " di kelas ".row .column".
davedele
pada 24 Mar 2016
Ubah .row .column dari flex: 1; menjadi flex: 1 1 auto;
Bekerja lebih baik, dan bekerja untuk semua browser. Termasuk IE11.
dubcanada
pada 10 Mei 2016
Masalah terkait
luisaceituno
·
6Komentar
mukai11
·
4Komentar
equinusocio
·
14Komentar
schirrel
·
3Komentar
fooksupachai
·
5Komentar
Komentar yang paling membantu
Ubah
.row .columndariflex: 1;menjadiflex: 1 1 auto;Bekerja lebih baik, dan bekerja untuk semua browser. Termasuk IE11.