【问题标题】:IE 11 issue with Flex [closed]Flex的IE 11问题[关闭]
【发布时间】:2017-10-14 21:49:39
【问题描述】:

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

http://www.mindtools.io

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

任何帮助将不胜感激-谢谢!

【问题讨论】:

  • 不提供外部链接,而是在可以重现问题的 sn-p 中添加有问题的代码块。
  • #find-a-prog, #disorders { width: 100% }
  • 谢谢——我尝试在 CodePen 中隔离有问题的代码,但未能成功。为不正确的问题格式道歉。迈克尔,效果很好,谢谢!

标签: css internet-explorer flexbox zurb-foundation


【解决方案1】:

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

编辑:纠正了一个错误。另外我建议让 hero 容器显示块并以不同的方式将其中的项目居中,可能使用 margin: 0 auto;

【讨论】:

  • 效果很好,谢谢!
猜你喜欢
  • 1970-01-01
  • 2014-06-08
  • 1970-01-01
  • 2018-07-09
  • 1970-01-01
  • 2020-04-11
  • 2016-07-07
  • 2015-04-27
  • 1970-01-01
相关资源
最近更新 更多