我正在开发一个网站,它在最新版本的 Firefox/SeaMonkey/Chrome 中显示正常,但有趣的是在 IE11 中存在渲染问题:
http://devel.gooeysoftware.com/mozaddons/switching.php
如果您在 IE11 中加载它,左侧的“从 Firefox 切换到 SeaMonkey”菜单项不会将其文本换行到包含 DIV 的大小,而是会溢出。我不明白这是为什么。这只是 IE11 中的错误,还是我缺少一些 CSS 来包装它?
看起来他们修复了 Edge 中的一堆 IE11 flexbox 渲染错误。
IE11:
边缘:
在 Flexbox 错误存储库中找到了这个简单的修复方法:
/**
* Flexbug demo 2.1.b (workaround)
*
* 1. Set `max-width:100%` to prevent
* overflow.
* 2. Set `box-sizing:border-box` if
* needed to account for padding
* and border size.
*/
.FlexItem {
box-sizing: border-box; /* 2 */
max-width: 100%; /* 1 */
}
Flexbox bug repository