zend-framework - Bootstrap 3 和 IE 盒子模型破坏了我的布局

Question

我将 Bootstrap 3 与 Zend Framework 1.12.3 一起使用。一切正常，但在 Internet Explorer 7 中测试我的网站时，布局因 IE 框模型而中断。

我现在正在尝试 coliff / bootstrap-ie7和 Schepp / box-sizing-polyfill但我无法让它工作。我粘贴了 *behavior: url(/public/css/boxsizing.htc);在 bootstrap.css 文件中的所有 box-sizing 属性之后，我在 layout.phtml 文件中放置了以下代码:

<!--[if lt IE 8]>
<link href="/css/bootstrap-ie7.css" rel="stylesheet">
<![endif]-->

我还在我的 .htaccess 文件中粘贴了“AddType text/x-component .htc”。

有人知道为什么这不起作用吗？谢谢!

Answer 1

在 bootstrap-ie7.css 里面是 htc 文件的路径。确保您已将 .htc 本身文件上传到您的 css 或 js 文件夹，并将根目录中的路径放入该 .css。

 First line of the -ie7.css file {box-sizing:border-box;behavior:url(/js/boxsizing.htc)}

此路径必须是您的相对根路径。如果 .htc 位于 assets/js 文件夹中，请将其放在行为 url 括号中。

  {box-sizing:border-box;behavior:url(assets/js/boxsizing.htc)}