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