创建响应式网站，在 IE8 中显示为移动设计 [关闭]

Question

我正在使用响应式模板创建网站，但无法使其在 IE8 中看起来正确。目前它正在显示网站的移动版本，我不知道为什么。

我希望设计在 IE8（及更低版本）中具有固定宽度，并在所有其他浏览器中继续响应。我怎样才能做到最好？

模板是 www.prowebdesign.ro/simple-responsive-template-free/

Answer 1

IE8 及更低版本不支持媒体查询。如果您先构建移动版，那么这很可能会使 IE8 显示移动版

您需要使用polyfill like respond.js 将媒体查询功能添加到较低版本的 ie。

您还可以根据 ie 的版本在文档中设置条件类。您可以使用这些来覆盖容器宽度并设置固定宽度。

.lt-ie9 #container {
    width:1024px;
}