Milligram: 网格在 IE11 中被破坏

创建于 2016-03-23  ·  5评论  ·  资料来源: milligram/milligram

在演示中,网格项目相互折叠。 只在IE11中看到这个。
此外,文档中没有支持的浏览器的完整列表。

最有用的评论

.row .columnflex: 1;更改flex: 1 1 auto;

效果更好,并且适用于所有浏览器。 包括IE11。

所有5条评论

@davedele你可以知道你的操作系统是哪个版本? 您还可以提供一些打印屏幕吗?

@cjpatoilo ,感谢您的回复。 更具体地说,在任何移动断点处,您都会看到附加图像中的内容。

我在 Windows7 上使用 IE11
untitled-3

@davedele对于 IE,由于存在大量错误,因此部分支持(请参阅已知问题

如果您找到任何解决方案,请与我联系。 感谢您报告此问题。

谢谢@cjpatoilo ,这是 IE11 的快速解决方法:

我使用了一些 js 来找到 UserAgent http://rog.ie/blog/html5-boilerplate-addon

然后我添加一个新的媒体查询:

<strong i="10">@media</strong> screen and (max-width: 40em) {

    html[data-useragent*='rv:11.0'] .row .column {
        flex: none;
    }
}

在 IE 中破坏它的是“.row .column”类中的“ flex:1 ”。

.row .columnflex: 1;更改flex: 1 1 auto;

效果更好,并且适用于所有浏览器。 包括IE11。

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

dnohr picture dnohr  ·  7评论

schirrel picture schirrel  ·  3评论

kresogalic8 picture kresogalic8  ·  5评论

faststare picture faststare  ·  4评论

negativefix picture negativefix  ·  7评论