Question

我已经开始使用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和响应修复无效的原因。有没有人有任何建议？

感谢。

Answer 1

为了让HTML5shiv工作，您需要让脚本在代码的Head和页面上运行的其他脚本之上运行，以便HTML5shiv可以先运行。尝试将其移到您的其他脚本和<?php wp_head(); ?>电话上方。

在Stackoverflow

上发布的类似问题

Bootstrap在IE8中无法正确显示

1 个答案: