Css wordpress站点上的引导响应在ie8中不起作用

Css wordpress站点上的引导响应在ie8中不起作用,css,wordpress,twitter-bootstrap,internet-explorer-8,Css,Wordpress,Twitter Bootstrap,Internet Explorer 8,我创建了我的网站作为一个儿童主题的第二十三,Wordpress。我集成了引导,一切正常。除了IE8。该页面一直卡在移动视图中 我按照Bootstraps页面上的说明,在我的CSS后面的head标签中包含respond.js。我还包括HTML5。但它仍然是一样的,页面是100%宽度和所有一列 我还尝试将http等效设置为x-ua-compatible。我的头标签如下所示: <head> <meta charset="<?php bloginfo( 'charset'

我创建了我的网站作为一个儿童主题的第二十三,Wordpress。我集成了引导,一切正常。除了IE8。该页面一直卡在移动视图中

我按照Bootstraps页面上的说明,在我的CSS后面的head标签中包含respond.js。我还包括HTML5。但它仍然是一样的,页面是100%宽度和所有一列

我还尝试将http等效设置为x-ua-compatible。我的头标签如下所示:

<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

    <?php wp_head(); ?>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/respond.min.js"></script>
    <![endif]-->
</head>
我试过Bootstrap的缩小版和普通版,也试过IE(来自兼容模式)和真正的IE8。respond.js是通过浏览器找到的,所以也不可能

编辑:


我在本地XAMPP服务器上运行该站点,因此没有尝试通过//文件访问respond.js,而是通过localhost访问respond.js。似乎错误完全不同。我之前遇到了一个不同的问题,那就是html没有在inspector中正确显示。当我从头开始创建文件时,它是当时我用升华而不是VisualStudio创建文件,所以似乎编码不正确。
更多信息:

我在wordpress中使用的bootstrap 3也有类似的问题。它在除IE8和更低版本之外的所有浏览器中都能正常工作。媒体查询不再工作。今天我发现了发生了什么。这是一个@import问题。我像这样将所有CSS文件直接包含到头文件中

代码:


在viewport meta标记中添加
initial scale=1.0
怎么样?你试过了吗?所以
现在就试过了,但是没有用。我总是检查我试图在上面进行兼容性测试的任何站点的服务器日志。通常这是浪费时间,因为你没有使用IE8的访问者。检查一下,节省一些时间E
/*
Theme Name:     Public Web
Description:    Public Web theme, responsive and HTML5 compatible
Author:         Me
Author URI:     http://stinaq.me
Template:       twentythirteen
Version:        1.0.0
*/

@import url("../twentythirteen/style.css");
@import "bootstrap/bootstrap-min.less";