css - 调整大小时，IE10 flexbox 和自动换行不起作用

Question

我正在为即将发布的移动应用程序构建一个小型 css 框架，但我不明白为什么当我在 IE10 中打开页面时它似乎一切正常，但如果我尝试将页面大小调整为更小大小文本将丢失其换行并显示不正确。

这是问题的一个例子:

http://matt93.altervista.org/mars

Answer 1

我通过将 overflow: hidden 添加到 div.body 正下方的 div 来修复此问题。

我不知道 为什么 这会在 IE10 中修复它，但我会说 IE10 对 flexbox 的支持众所周知有点不稳定。

此外，我建议为您的 div 提供更多类名称。像这样的 CSS:

.body > div {

}

将导致该包装器内的每个 div 都具有这些样式。最好根据需要应用类名和样式，尤其是当您想发布一个框架供其他人使用时。

祝你好运!