我想知道 IE8 及以下版本如何响应 CSS 中的媒体查询。
我不是在寻找 IE8 来呈现它们的解决方案。我只是想知道 IE 是否会忽略它们，或者 IE 是否会尝试解析它们。
背景故事:我们正在构建一个响应式网站，但由于 IE8 及以下版本很少用于较小屏幕的设备，我们希望 IE 忽略媒体查询。这样，IE8(及更低版本)用户始终会看到网站的“常规大小”版本，这很好。
最佳答案
简而言之，您完全正确。
IE8 不支持媒体查询，也不会解析其中包含的任何 CSS。
因此，如果您想在响应式网站中支持 IE8，您应该确保您希望 IE8 使用的默认 CSS 不在任何媒体查询范围内。
所以简短的回答是你在问题中所说的几乎完全正确。
当然还有其他考虑因素:IE8 不是唯一不知道媒体查询的浏览器；一些较旧的 Android 设备和其他旧手机也可能不支持它们。如果您需要支持那些设备，您可能需要考虑如何处理它。幸运的是，使用这些设备浏览网页的人确实不多，因此除非您有特殊需要，否则通常可以忽略它们。
您还可以选择使用类似 Respond.js 的 polyfill 脚本，它为 IE8 等旧版浏览器添加了对媒体查询的支持。请注意，这是一个 javascript 库，因此它只会在页面加载后运行，因此可能会有一些延迟和屏幕重绘，这不是很好，但它被很多网站使用并且效果很好，因此您可能需要考虑一下。
关于css - IE8及以下版本如何处理媒体查询，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19676795/