【问题标题】:Bootstrap not displaying correctly in IE8引导程序在 IE8 中无法正确显示
【发布时间】:2014-11-26 16:27:59
【问题描述】:

我已经开始使用 Bootstrap 构建一个 WordPress 主题,但无法让它在旧版(6、7 和 8)IE 中正确显示。

我已将 html5shiv 和响应 js 文件存储在服务器上,并将条件放在 CSS 文件之后,但它仍然无法正确呈现 - 容器被拉伸等。

目前所有 CSS 都在标头中硬编码,因此不存在 @import 问题。

我的代码是这样的 -

<!DOCTYPE HTML>
<html lang="en">
 <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />
<title>
Test    </title>
<link href="<?php bloginfo('template_url');?>/bootstrap/css/bootstrap.css" rel="stylesheet"     type="text/css" />    

<?php wp_head(); ?>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="<?php bloginfo('template_url');?>/bootstrap/js/html5shiv.js"></script>
  <script src="<?php bloginfo('template_url');?>/bootstrap/js/respond.js"></script>
<![endif]-->

 </head>

我一遍又一遍地搜索互联网,但找不到 html5shiv 和响应修复不起作用的原因。有人有什么建议吗?

谢谢。

【问题讨论】:

  • 但无法在旧版(6、7 和 8)IE 中正确显示。好建议:坚持使用 IE 8+。甚至 IE 8 也快死了。
  • template_url 是相对路径?如果它不是相对路径,它将不起作用
  • 当按照respond.js 的说明进行操作时,只有IE8 和response.js 看起来没问题,任何版本都无法正常显示。不能同时前进和落后。
  • 来自 Bootstrap 网站:“在 Windows 上,我们支持 Internet Explorer 8-11”。和“非正式地,Bootstrap 应该在... Internet Explorer 7 中看起来和表现得足够好,尽管它们不受官方支持”。 -- getbootstrap.com/getting-started/#support 所以忘记 IE6,忘记任何官方对 IE7 的支持。
  • 刚刚看到另一个 SO 帖子 stackoverflow.com/questions/15891535/… 看起来您需要先加载 html5shiv,然后再加载所有其他脚本。

标签: javascript html css wordpress twitter-bootstrap


【解决方案1】:

为了让 HTML5shiv 工作,您需要让您的脚本在您的代码的Head 中运行,并且高于页面上运行的其他脚本,以便 HTML5shiv 可以首先运行。尝试将其移至其他脚本和 &lt;?php wp_head(); ?&gt; 调用之上。

Stackoverflow 上发布了类似的问题

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-02-10
    • 2021-12-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-18
    • 1970-01-01
    相关资源
    最近更新 更多