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

IE10 flexbox and word-wrap not working when I resize

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

这是问题的一个例子:

http://matt93.altervista.org/mars

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

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

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

.body > div {

}

将导致包装内的每个 div 都具有这些样式。最好根据需要应用 class 名称和样式,特别是如果你想发布一个框架供其他人使用。

祝你好运!