在演示中,网格项目相互折叠。 只在IE11中看到这个。
此外,文档中没有支持的浏览器的完整列表。
嗨@davedele你可以知道你的操作系统是哪个版本? 您还可以提供一些打印屏幕吗?
嘿@cjpatoilo ,感谢您的回复。 更具体地说,在任何移动断点处,您都会看到附加图像中的内容。
我在 Windows7 上使用 IE11
嘿@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 .column
从flex: 1;
更改flex: 1 1 auto;
效果更好,并且适用于所有浏览器。 包括IE11。
最有用的评论
将
.row .column
从flex: 1;
更改flex: 1 1 auto;
效果更好,并且适用于所有浏览器。 包括IE11。