1

我正在使用基础框架 4 创建一个站点,并且必须支持 IE8,这在现代浏览器中运行良好。

我找到了一个为 IE8 提供基础 4 网格的地方,当我更改浏览器大小时,主体会根据浏览器进行调整,但它在内容的后面,这不是它被包裹的,也不知道如何修复它。

身体动起来 身体移动,不包裹内容

在这里我留下链接以供查看:(在 IE8 中尝试)我使用 Virtual Box 来模拟​​ IE8 http://www.pruebas.chaloman.com/recomendacion/

我在 IE8 上用于基础 4 工作的代码位于以下链接中: https ://gist.github.com/hatefulcrawdad/5068210

更新:

我用 bootstrap 2.3.2 重新开始编码并且没有任何样式,并且问题仍然存在于 firefox 24 包括在内,请看图片,当我重新调整浏览器时会发生这种情况。

请在此处查看另一个示例并帮助我: http: //www.pruebas.chaloman.com/boots/

身体在 Firefox 24 中包含在内移动,我没有任何样式,只有默认的 boostrap 样式

4

2 回答 2

0

你的源代码有点长..试试这个......在你的html头中

    <!-- Foundation 3 for IE 8 and earlier -->
    <!--[if lt IE 9]>
     <link rel="stylesheet" href="/css/foundation3/normalize.css">
     <link rel="stylesheet" href="/css/foundation3/foundation.css">
     <link rel="stylesheet" href="/css/foundation3/app.css">
    <![endif]-->
    <!-- Foundation 4 for IE 9 and earlier -->
    <!--[if gt IE 8]><!-->
     <link rel="stylesheet" href="/css/foundation4/normalize.css">
     <link rel="stylesheet" href="/css/foundation4/foundation.css">
    <!--<![endif]-->

在关闭正文标签之后:

   <!-- Foundation 3 for IE 8 and earlier -->
   <!--[if lt IE 9]>
   <script src="/js/foundation3/foundation.min.js"></script>
   <script src="/js/foundation3/app.js"></script>
   <![endif]-->

   <!-- Foundation 4 for IE 9 and later -->
   <!--[if gt IE 8]><!-->
   <script src="/js/foundation4/foundation.min.js"></script>
    <script>
    $(document).foundation();
   </script>
   <!--<![endif]-->

有关更多信息,请参阅此链接http://zurb.com/article/1204/getting-foundation-and-ie8-to-play-nice

于 2013-10-22T10:50:42.603 回答
0

我解决了

我找到了解决问题的方法,我使用了 min-width 属性并给了你一个值。解决方案是固定宽度。

我用:

body {
min-width: 960px; /*fixed width*/
}
于 2014-01-15T17:16:21.600 回答