CSS Grid Layout, Editors Draft, 21 ноября 2011 г.
Я собираюсь создать прототип, который будет показан клиенту на выбранных устройствах и в браузерах. В настоящее время меня не беспокоит совместимость между браузерами.
IE10 Developer Preview имеет следующее:
display: -ms-grid;
-ms-grid-columns: ;
-ms-grid-rows: ;
-ms-grid-column: ;
-ms-grid-row: ;
-ms-grid-row-align: stretch;
columns: ;
column-fill: auto;
column-gap: ;
Mozilla ускользает от сходства с предыдущим (я не тестировал, работает ли он еще). Тем не менее, Webkit, похоже, имеет совершенно другую реализацию:
display: -webkit-box;
-webkit-columns: ;
-webkit-column-gap: ;
Теперь, Webkit использует ту же спецификацию, или это для совершенно другой модели? Если он использует ту же спецификацию, не могли бы вы рассказать мне, для чего нужен синтаксис:
grid-columns: ;
grid-rows: ;
grid-column: ;
grid-row: ;
И если он использует другую модель, не могли бы вы сообщить мне, что такое синтаксис и как он отличается от MS E10. Ссылки будут оценены.
Стоит отметить, что у меня установлена Google Chrome Canary, а также последняя версия Safari для проверки сетки на Webkit.
