是否有ie9的Mdl网格替代方案? [angular4]

时间:2018-09-27 14:57:01

标签: angular typescript internet-explorer-9 polyfills

今天,我被要求用ie9添加我的angular 4项目的支持。 面临的问题是,{9} {9}不支持ie9支持材料设计光栅。

我该怎么做才能使输入响应?现在他们都在1列上,我有点迷失了。

还有,我必须使用任何重要的polyfill来支持ie9上的基本内容吗?

在此先感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

看看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的polyfill,但这是一个相当复杂的CSS功能,这意味着polyfill可能效果不佳,或者性能不佳,或者两者兼而有之!

一个这样的polyfill是flexibility

答案 1 :(得分:0)

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

Base是在LESS和Sass的基础上构建的,它仅包含构建网站的最基本组件:网格和HTML元素的基本样式。 Base并未随附Javascript组件,但它提供了很好的浏览器兼容性,因此即使在IE7中也可以使用。

参考:

Base