是否有适用于 ie9 的 Mdl 网格替代方案？ [角4]

Question

今天我被要求添加对我的 angular 4 项目与 ie9 的支持。我面临的问题是 material 设计光栅不受 ie9 的支持，如所述 in this post。

如何使我的输入响应？现在它们都在 1 列上，我有点迷路了。

此外，是否有任何重要的 polyfill 是我必须用来支持 ie9 上的基本内容的？

预先感谢您的帮助。

Answer 1

查看 Material Design Lite Grid SASS，首先突出的是它使用 flexbox。

.mdl-grid {
    display: flex;

IE9 不支持 flexbox，它太旧了，甚至不再显示在 CanIUse 的默认视图中！

flexbox 有 polyfill，但它是一个相当复杂的 CSS 功能，这意味着 polyfill 可能无法正常工作，或者性能不佳，或两者兼而有之！

一个这样的 polyfill 是 flexibility。

Answer 2

您可以尝试检查 BASE 的替代解决方案。

Base 建立在 LESS 和 Sass 之上，它只包含构建网站最基本的组件：网格和 HTML 元素的基本样式。 Base 没有 Javascript 组件，但它提供了很好的浏览器兼容性，甚至可以在 IE7 上使用。

参考：

Is there a Mdl grid alternative for ie9? [angular4]