respond.js在IE下不工作

最新推荐文章于 2025-08-22 15:07:29 发布

最新推荐文章于 2025-08-22 15:07:29 发布 · 181 阅读

文章标签：

#js #html #ViewUI

js 同时被 2 个专栏收录

38 篇文章

订阅专栏

html

17 篇文章

订阅专栏

本文解决了因文件加载顺序不当导致的网页响应式布局显示异常问题。正确的加载顺序为先加载CSS文件，再加载respond.min.js，确保了IE8及以下浏览器中网页能正确响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

找了半天原因，最后发现原来是respond.js和bootstrap.min.css的顺序出了问题。

正确的顺序是：

<link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen">
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

注意，css放在respond.min.js的上面。