为什么 IE8 中的某些元素是响应式的？答案

【问题标题】：Why are some elements in IE8 acting responsive?为什么 IE8 中的某些元素是响应式的？
【发布时间】：2013-09-07 01:41:17
【问题描述】：

我正在构建一个响应式网站，该网站需要在 IE8+ 以及现代浏览器中运行。 IE8 不是响应式浏览器，但某些元素会响应屏幕宽度。是否存在导致元素以这种方式响应的已知问题？

我的框架是基于百分比而不是基于像素的事实吗？

【问题讨论】：

IE8 仍然遵循基于百分比的单位。在我的响应式网站中，我检测到 IE8 并在 990px 的主体上设置了最小宽度 - 这会强制在 IE8 中低于该宽度的水平滚动条，并且基于百分比的项目也将停止在此宽度以下展开/折叠。

【解决方案1】：

媒体查询在 IE 中不起作用，但百分比宽度可以（在许多情况下）。

通常我通过包含条件 ie.css 文件并为包含元素设置固定宽度来解决此问题。

<!--[if lt IE 9]>
    <link rel="stylesheet" href="css/ie.css">
<![endif]-->

【讨论】：