Фоллбеки для гридов?

Question

[antimodern]

Пришлось столкнутся с комплексным лейаутом и руки потянулись к гридам (наконец-то).
До сего момента я их даже не пробовал изучать.

Возник вопрос - насколько я понимаю, главная пробелма это IE? У Edge более менее ок?
У меня нет Винды под рукой потестить (да и пока нечего тестить, только изучаю) - кто уже пробовал их юзать, как происходит деградация? Как будет отображатся в IE и Эдж? Просто блоками? Что там вообще с фолбеками, как ситуация?

Comments

[alex]

юзайте автопрефиксер, там щас в последних версиях он как-то по умному фолбэчит для ие. но я могу ошибаться так как сам не использовал, попробуйте прогуглить этот момент

[antimodern]

Alex, да это все юзается конечно. Насчет фолбеков для гридов я не уверен. Нужны дополнительные настройки?

[alex]

antimodern, вроде как включается опцией grid: "autoplace". в офф. доках на гитхабе больше инфы.

[antimodern]

Alex, спс за наводку, действительно там целая история. Вот кому интересно - https://css-tricks.com/css-grid-in-ie-css-grid-and...

Answer 1

[Сергей Горячев]

https://caniuse.com/#feat=css-grid
10-11 с префиксами -ms- .
Edge полная поддержка, так как он автообновляемый.
Гриды отображаются в виде div, целостность нарушается, т.к. блоки будут идти один за другим.

Comments

[antimodern]

10-11 с префиксами -ms- .

А с префиксами полная поддержка, или как обычно через ж**у?
Я читаю что поддержа очень плохая в IE. Неужто одни префиксы помогут? Сомнения.

[antimodern]

А в других браузерах поддержка без багов?
Например Сафари + мобильные версии браузеров, особенно айфоны...Как там на практике?

[Сергей Горячев]

antimodern, на самом деле непредсказуемая хрень. То есть вроде как полная, но отображается иногда как полная жопа.

[Сергей Горячев]

antimodern, на айфоне у меня все корректно.

[antimodern]

Сергей Горячев, непредсказуемая хрень только в IE? В тех браузерах где заявлена поддержка в Caniuse поддержка реально нормальная (особенн омобилы волнуют)

[Сергей Горячев]

antimodern, только в IE.

[Rustam Bainazarov]

antimodern, мобильные (Android Chrome и iOS Safari) лучше всего поддерживают Grid.

[antimodern]

SmthTo, хорошо если так, буду пробовать, спс