设计支持 ie 6 的响应式 Web 应用程序 [关闭]答案

【问题标题】：Designing a responsive web application that supposrts ie6 [closed]设计支持 ie 6 的响应式 Web 应用程序 [关闭]
【发布时间】：2017-03-30 18:04:17
【问题描述】：

我正在为我的一个客户构建一个响应式 Web 应用程序。客户的要求是他希望该应用程序也得到 Internet Explorer 6 和后续版本以及所有其他最新浏览器的支持。我应该如何开始以及应该使用什么来提高网络应用的响应能力？

【问题讨论】：

【解决方案1】：

Media queries aren't supported in IE6 through to IE8。所以忘记使用原生媒体查询、Bootstrap 或 Foundation。

这个名为 Respond.js 的 polyfill 可能会对您有所帮助 - https://github.com/scottjehl/Respond。

Respond.js 是一种用于最小/最大宽度 CSS3 媒体查询（适用于 IE 6-8 等）的快速且轻量级的 polyfill

【讨论】：

那么在这种情况下，我将不得不为不同的浏览器支持编写单独的 css 文件？ @nashcheez
这会很耗时，而且当你有像 bootstrap 这样的框架时没有意义。
不，您必须使用 max-width 和 min-width 编写媒体查询，IE 6 将支持 Respond.js。并且可以在所有其他浏览器中使用相同的媒体查询。
另外，IE 6 于 2001 年推出，Bootstrap 于 2011 年推出 - 相隔 10 年。显然，您可以在 Bootstrap 中编写代码并期望 IE 6 支持它。如果您确实想支持 Internet Explorer 6，则必须使用其他一些框架和/或编写一些额外的代码（上帝保佑你！）