今天,我被要求用ie9添加我的angular 4项目的支持。 面临的问题是,{9} {9}不支持ie9支持材料设计光栅。
我该怎么做才能使输入响应?现在他们都在1列上,我有点迷失了。
还有,我必须使用任何重要的polyfill来支持ie9上的基本内容吗?
在此先感谢您的帮助。
答案 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中也可以使用。
参考: