Question

在努力让一个Bootstrap响应页面在IE8中工作之后，我简化了它，创建了一个非常基本的页面，应该只使用“可见”类显示浏览器的大小，但仍然无法获取页面在IE8中正确呈现。我已经读过response.js必须与CSS在同一个子域中，并修复了它，但它仍然不起作用。经过多次试验和错误，阅读文档（getbootstrap.com，responsejs.com等），并阅读stackoverflow上的一些线程，我想我会发布我的问题。

这是代码，它应该显示浏览器的大小，页面托管在登陆页面，营销自动化程序，称为Eloqua，因此CSS和JS文件的奇怪和冗长的URL：

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- Bootstrap -->
    <link href="http://images.response.test.com/Web/test/{08fa83ba-e64a-401e-a642-8bc74434d750}_bootstrap.min.css" rel="stylesheet">

    <!--[if lt IE 9]>
      <script src="http://images.response.test.com/Web/test/{5cdf751f-5097-4163-a9f3-b03c33408410}_html5shiv.js"></script>
      <script src="http://images.response.test-mail.com/Web/test/{7caa6bb7-1d4d-422e-bfaa-e4f4afdb8da1}_respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>IE8 Test</h1>
    <p>The Bootstrap grid type should be displayed below: </p>
    <div class="container">
        <p class="visible-lg">Large grid is being displayed. The grid stacks horizontally &lt; 1200px. </p>
        <p class="visible-md">Medium grid is being displayed. The grid stacks horizontally &lt; 992px. </p>
        <p class="visible-sm">Small grid is being displayed. The grid stacks horizontally &lt; 768px. </p>
        <p class="visible-xs">Extra small grid is being displayed. This grid is always horizontal. </p>
    </div>

    <script src="https://code.jquery.com/jquery.js"></script>
    <script src="http://images.response.test-mail.com/Web/test/{08fa83ba-e64a-401e-a642-8bc74434d750}_bootstrap.min.css"></script> 
    <script src="http://images.response.test-mail.com/Web/test/{4f3edd38-e24f-4f56-8336-dbb33cc5567b}_css3-mediaqueries.js"></script>
  </body>
</html>

感谢您的帮助。

Answer 1

在GetBootstrap.com文档中，它基本上读取了Respond.js使用的任何css必须是来自html文档根目录的相对路径，所以你不能在你的css url中使用绝对路径，或者你可以根据Respond.js文档设置代理。

Respond.js通过AJAX请求CSS的原始副本，因此，如果您将样式表托管在CDN（或子域）上，则需要上传代理页面以启用跨域通信。

DOCS：https://github.com/scottjehl/Respond

尽管实现了response.js和css3-mediaqueries.js，但响应式Bootstrap页面在IE8中不起作用

1 个答案: