在开发Web应用时，我们经常会遇到一个问题：如何让网站在不同浏览器，特别是低版本的Internet Explorer（IE）上正常运行。"css适配ie的js代码程序"正是为了解决这个问题而设计的。这个压缩包包含两个关键的JavaScript库：`respond.min.js`和`html5shiv.min.js`，它们在HTML5文档中起到了至关重要的作用，帮助我们实现对低版本IE的兼容。
1. `html5shiv.min.js`: 这个脚本是由Alex Russell开发的，主要用于解决IE6-8不支持HTML5新元素的问题。在这些老版本的IE中，HTML5新增的语义化标签（如<header>、<nav>、<section>等）不会作为块级元素渲染，也不会接受CSS样式。`html5shiv`通过JavaScript模拟这些新元素的显示行为，使它们能够在IE6-8中正确呈现。
2. `respond.min.js`: 这个文件是Scott Jehl创建的，用于在不支持CSS3媒体查询的IE6-8浏览器中提供响应式设计支持。响应式设计允许网页根据用户设备的屏幕尺寸和方向自动调整布局，而媒体查询是实现这一目标的关键技术。由于IE9以下的版本不支持媒体查询，`respond.min.js`通过JavaScript动态注入样式，使得开发者可以利用媒体查询来控制页面在不同设备上的显示效果。
在实际使用中，你需要将这两个JS文件引入到你的HTML文档中。首先确保你的HTML文件遵循HTML5标准，即文档类型声明为`<!DOCTYPE html>`。然后，在`<head>`部分引入CSS文件之后，紧接着引入这两个JavaScript库。通常，这样的顺序是为了确保在解析CSS之后再执行JavaScript，这样`respond.min.js`可以根据CSS中的媒体查询规则进行适配。
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<!--[if lt IE 9]>
<script src="html5shiv.min.js"></script>
<script src="respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- 你的HTML内容 -->
</body>
</html>
```
通过这种方式，即使在旧版IE浏览器上，你的网站也能享受到接近现代浏览器的浏览体验。然而，值得注意的是，尽管这些库提供了很好的兼容性，但并不能解决所有问题。某些高级CSS3特性，如渐变、阴影等，仍然需要额外的解决方案，比如使用CSS PIE等JavaScript库。此外，随着IE浏览器市场份额的逐渐减少，开发者也应考虑逐渐淘汰对这些老版本浏览器的支持，转而关注现代浏览器和移动设备的优化。
js.rar （2个子文件） 
html5shiv.min.js 3KB
JYNB2019-10-16非常好用，html文件遵循html5,适配低版本ie浏览器
