创建一个响应式网站,在IE8中显示为移动设计

时间:2014-07-30 13:49:21

标签: css internet-explorer-8 responsive-design

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

我希望设计在IE8(及更低版本)中固定宽度,并继续在所有其他浏览器中响应。我怎么能这样做?

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

1 个答案:

答案 0 :(得分:2)

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

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

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

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