gpt4 book ai didi

javascript - Bootstrap 网格在 IE8 中不工作

转载 作者:太空宇宙 更新时间:2023-11-04 13:19:13 25 4
gpt4 key购买 nike

我目前正在设计一个在 Chrome、FF 和 IE 9,10 上运行良好的网站,但是当我通过 browserstack 在 IE8 中查看该网站时,它呈现得非常糟糕。

部分代码:

  <div id="retail_locate" class="container">
<div class="row">
<div id="retail_btn" class="col-md-4 text-center hidden-sm hidden-xs">
<button type="button" class="btn btn-default"><span class="btn-text">Find A Local Retailer</span><span class="icon-map-marker"></span></button>
</div>
<div class="col-lg-8 text-center">
<div class="row">
<br>
<div class="col-md-4 col-sm-4 col-xs-6 ">
<img class="img-responsive shadow" src="images/retailers/retail1.jpg">
</div>
<div class="col-md-4 col-sm-4 col-xs-6">
<img class="img-responsive shadow" src="images/retailers/retail2.jpg">
</div>
<div class="col-md-4 col-sm-4 hidden-xs">
<img class="img-responsive shadow" src="images/retailers/retail3.jpg">
</div>
</div>
<br />
<div class="row hidden-sm hidden-xs">
<div class="col-md-4">
<img class="img-responsive shadow" src="images/retailers/retail4.jpg">
</div>
<div class="col-md-4">
<img class="img-responsive shadow" src="images/retailers/retail5.jpg">
</div>
<div class="col-md-4">
<img class="img-responsive shadow" src="images/retailers/retail6.jpg">
</div>
</div>
<br />
</div>
</div>
</div><!-- .container -->

我正在使用 Bootstrap 3。我认为搞砸的是 col-lg、md 等。网格没有生效。

图像: http://i.imgur.com/qF4ebPJ.png http://i.imgur.com/BzLZBG6.png

任何帮助都会很棒。这是我在 Stack 上发表的第一篇文章,我到处搜索修复程序。我在标题中包含了 html5shim 和 respond.js。

 <!--[if lt IE 9]>
<script src="js/html5shiv/dist/html5shiv.js"></script>
<script src="js/dest/respond.min.js"></script>
<![endif]-->

我改变了文档类型

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

甚至添加了元标记

            <meta http-equiv="X-UA-Compatible" content="IE=edge">

最佳答案

IE8 不重新识别媒体查询,这可能就是没有任何效果的原因。我过去使用过并且效果很好的代码是这样的:

https://code.google.com/p/css3-mediaqueries-js/

关于javascript - Bootstrap 网格在 IE8 中不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20523885/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com