8

我正在使用最新的 Zurb Foundation(撰写本文时为 4.0.4)。

我希望 Internet Explorer 可以使用它。这可能吗?

我尝试对 CSS 进行了相当多的更改,但似乎没有什么能让它的布局像 Firefox 中那样。

我尝试将列显示更改为内联,但它更加破坏了布局。

我想在 FF 中看起来像这样的主要 html 如下所示:

<div class="row">
  <div class="large-6 columns">
    <label for="amount">Amount:</label>
    <input id="amount" type="text">
  </div>
  <div class="large-6 columns">
    <label for="isbn">ISBN:</label>
    <input maxlength="13" id="isbn" type="text">
  </div>
</div>
4

3 回答 3

7

Foundation 4 中对 IE 的部分支持可以在Support Page上找到。他们还提到了一个要点,它允许在 ie8 上实现更好的网格。

也许这可以通过将 Zepto 换成 jQuery 来改善?此外,您始终可以使用具有更好即支持的基础 3.2.5。请参阅F3 支持文档。它说有 IE 8+ 支持开箱即用,没有修改,但没有提及 IE 7 或更低版本。

于 2013-03-07T19:21:03.153 回答
3

IE7 也有一个很好的修复:

https://github.com/Schepp/box-sizing-polyfill

它可以使 Foundation 3 网格在 IE7 和 8 上工作,还没有在 4 上尝试过,但值得一试!

于 2013-03-10T10:25:01.677 回答
1

这是对 IE8 有帮助的更新网格修复的链接。https://gist.github.com/hatefulcrawdad/5068210#file-ie8-grid-foundation-4-css

于 2013-09-25T21:12:53.493 回答