css - IE 11 问题与 Flex

标签 css internet-explorer flexbox zurb-foundation

<分区>


关闭 6 年前

我一直在浏览这里和其他论坛,试图修复这个 IE 错误,但没有成功。基本上,“找到合适的工具”下方的灰色按钮(在 Zurb Foundation 中使用“卡片”,带有 Flex 网格)在 IE11 中显示得很奇怪——就好像它们没有设置宽度一样:

http://www.mindtools.io

这是它在 IE11 中的呈现方式:http://imgur.com/a/VwWIl

如有任何帮助,我们将不胜感激——谢谢!

最佳答案

通过将#find-a-prog 设置为宽度 100% 并将 .disorder 设置为宽度:100%,我可以使“卡片”的宽度正确。但在我看来,IE 也存在其他问题,例如按钮撞到卡片上,#find-a-prog 对齐到 startchange div 的右侧。

编辑:更正了一个错误。此外,我建议制作英雄容器显示 block ,并以不同的方式将元素居中,可能使用 margin: 0 auto;

关于css - IE 11 问题与 Flex,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43990857/

上一篇:javascript - 使用带有固定 Div 的 scrollTop 进行动画处理

下一篇:javascript - 如何使用 JQuery 延迟动画直到加载背景图像?

相关文章:

html - 如何让 SVG 图像从 HTML 文档继承颜色?

javascript - Bootstrap Collapsed div 初始显示属性为空

javascript - 显示不同的 Logo

java - IE6 和 IE8 的 PDF 缓存(在临时 Internet 文件\content.ie5 下)问题

javascript - VBA拦截Internet Explorer链接点击

html - 为什么 flex 元素不缩小过去的内容大小?

css - Flex box justify-content on main axis in center 除了最后一个 flex item

css - 如何让一列占据网页中剩余的水平空间

javascript - 如何使用 aframe 创建 360 视频效果?

css - IE 与/wordpress 的兼容性问题