为什么 IE8 在桌面上显示 Twitter Bootstrap 3 的移动版本，如何修复？

IE8 与 Twitter Bootstrap 3

在此网页中，我们将探讨在 IE8 浏览器中使用 Twitter Bootstrap 3 的问题。

IE8 问题描述

相关用户在网站中使用 Twitter Bootstrap 3 时遇到问题。虽然网站在所有其他必需的浏览器中都能正常运行，但 IE8 显示了移动版 Bootstrap 中的元素，并在桌面的整个屏幕上延伸。

用户将问题确定为 IE8 在 Twitter 中支持移动优先设计引导程序。此外，容器类未按预期引入 max-width CSS 属性。

解决方案

要解决此问题，用户需要利用respond.js 库，该库在IE8 中启用媒体查询支持。这是因为 Bootstrap 需要媒体查询支持才能正常运行。

实施解决方案的步骤

1. 在HTML 的 head 部分document:

<!--[if lt IE 9]>
  <script src="path/to/respond.min.js"></script>
<![endif]-->

2. 将“path/to/respond.min.js”替换为respond.min.js库的实际路径。
3. 或者，在 head 部分包含以下 CSS 以针对 IE8 并下面：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .container {
    max-width: none;
  }
}

4. 此外，您可以使用 bootstrap.css 文件的本地副本，而不是从 CDN 链接到它，因为 respond.js 仅适用于本地文件。

额外信息

• 如需进一步参考，请访问：https://getbootstrap.com/getting-started/#support，特别是有关使用 respond.js 的 IE8 支持的部分。
• 有关 respond.js 库的更多信息，请参阅：https://github.com/scottjehl/Respond。

以上是为什么 IE8 在桌面上显示 Twitter Bootstrap 3 的移动版本，如何修复？的详细内容。更多信息请关注PHP中文网其他相关文章！