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

【问题标题】：Is there a Mdl grid alternative for ie9? [angular4]是否有 ie9 的 Mdl 网格替代方案？ [角4]
【发布时间】：2018-09-27 14:57:00
【问题描述】：

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

我可以做些什么来让我的输入响应？现在它们都在 1 列上，我有点迷路了。

另外，我必须使用任何重要的 polyfill 来支持 ie9 上的基本内容吗？

提前感谢您的帮助。

【问题讨论】：

【解决方案1】：

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

.mdl-grid {
    display: flex;

IE9 不支持flexbox，而且它太老了，甚至在 CanIUse 的默认视图中都不显示了！

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

flexibility 就是一个这样的 polyfill。

【讨论】：

【解决方案2】：

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

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

参考：

【讨论】：

您所描述的内容听起来很有用，但您确定这是正确的链接吗？该链接转到“Web 的材料组件”的基本组件。该组件非常有 javascript 作为它的一部分。 Web 的浏览器支持比 Lite 更差。 “与 MDL 不同，MDL 的支持可以追溯到 Internet Explorer 9，MDC Web 仅支持 IE 11。”