Есть ли альтернатива сетки Mdl для ie9?[Angular4]

Question

Сегодня меня попросили добавить поддержку моего проекта angular 4 с ie9.Проблема, с которой я сталкиваюсь, заключается в том, что световая решетка дизайна материала не поддерживается ie9, как указано в этом сообщении .

Что я могу сделать, чтобы мой ввод реагировал?теперь они все в 1 столбце, и я вроде как потерян.

Кроме того, есть ли какой-нибудь важный полифил, который я должен использовать для поддержки основных вещей на ie9?

Заранее благодарю за помощь.

Answer 1

Вы можете попробовать проверить BASE на предмет альтернативного решения.

База построена на основе LESS и Sass и включает в себя только самые необходимые компоненты для создания веб-сайтов: сетку и базовый стиль HTML.элементы.Base не поставляется с компонентами Javascript, но обеспечивает большую совместимость с браузером, поэтому работает даже с IE7.

Ссылка:

Base

Answer 2

Глядя на материал Material Design Lite Grid SASS, первое, что выделяется, это то, что он использует flexbox.

.mdl-grid {
    display: flex;

https://github.com/google/material-design-lite/blob/mdl-1.x/src/grid/_grid.scss#L26

IE9 не поддерживает flexbox, и он настолько старый, что даже больше не отображается в представлении CanIUse по умолчанию!

https://caniuse.com/#feat=flexbox

Существуют полифилы для flexbox, но это довольно сложныйФункция CSS, которая означает, что полифилы могут не работать должным образом или иметь низкую производительность, или и то и другое!

Один такой полифилл - это гибкость .

.