【问题标题】:Twitter bootstrap & IE8 and lowerTwitter 引导程序和 IE8 及更低版本
【发布时间】:2024-04-28 19:45:02
【问题描述】:

所以我知道 Twitter 引导程序和 IE8 由于媒体查询存在问题,并且最终以 100% 的宽度呈现列。我读到添加 response.js 和 html5shiv.js 将解决问题,我已经这样做了,但问题仍然存在。我在 css 之后调用它们,都是本地的。 IE7 和 IE5 有同样的问题,这只是一个丑陋的大烂摊子。我知道我可能在做一些非常愚蠢的错误,但是,是的,希望有人能帮助我!

<link rel="stylesheet" href="<?php bloginfo("template_url"); ?>/css/bootstrap.css" type="text/css" media="all" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />
        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <link rel="shortcut icon" href="/images/favicon.png">
        <link rel="apple-touch-icon" href="/images/favicon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="/images/icon-72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">

        <?php wp_enqueue_script("jquery"); ?>
        <?php wp_head(); ?>

        <script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/bootstrap.js"></script>
        <script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/script.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/html5shiv.js"></script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/respond.min.js"></script>

    <![endif]-->

【问题讨论】:

  • 嗯,我在想也许我需要与 js 在同一个文件夹中的引导 css?
  • 您可以使引导程序与 IE8 兼容,它与任何更低的版本都不兼容。你需要支持IE5?!十年来我不必支持它。你有我的同情。
  • 很难说这个。文件是否存在于浏览器中?
  • 在浏览器中查看渲染页面的来源,respond.js和html5shiv.js的路径是什么?他们是否与他们的实际位置相对应。
  • 如果您在 Firefox 或 Chrome 中查看源代码,您只需单击文件链接即可查看它们。

标签: wordpress twitter-bootstrap internet-explorer-8


【解决方案1】:

您必须记住,有些公司为他们的员工购买了数千台装有 windows XP 或 Vista 的 PC,并且在可行之前他们不会升级,是的,有数百万人在工作中使用旧的 IE,并且当他们浏览时需要看到实际的工作内容,如果你的网站不能工作,你就会失去他们。

【讨论】: