媒体查询在 FF 和 CH 中有效，但在 IE 中无效答案

【问题标题】：Media queries working in FF and CH but not IE媒体查询在 FF 和 CH 中有效，但在 IE 中无效
【发布时间】：2014-02-28 03:49:06
【问题描述】：

我试图弄清楚为什么我的媒体查询在 Firefox 和 Chrome 中有效，但在 Internet Explorer 11 中无效。

这里的页面：http://skeeterz71.com/auto/dealers.html

最上面的表格，照片和信息应该集中在这些页面上：如果有人有时间看，我将不胜感激。

@media (max-width: 775px){
    .bold-product-headline{
        text-align:center;
    }
    .product-image-left{
        text-align:center;
    }
    .dealer-headline{
        text-align:center;
    }
    .dealer-location{
        text-align:center;
    }
    .dealer-phone{
        text-align:center;
    }
    .dealer-information{
        text-align:center;
    }
    .search-by-city{
        text-align:center;
    }
    .search-by-city-select{
        text-align:center;
    }
}

注意：我正在使用 Bootstrap，但不知道仅在平板电脑和手机视图中居中的 bs 类。

【问题讨论】：

你在哪个版本的ie上运行？
@KrunalPanchal : IE11...OP 提到了这个问题:)
试试@media screen and (max-width: 775px) { ... }
拜托，您能否在其他 IE 版本（9、10）中测试网络。这有助于我们确定这是一般浏览器问题还是特定版本的问题......顺便说一句，媒体查询在 IE9 中运行良好（对我而言）。
截图也有帮助。我在 Chrome 和 IE11 中看到几乎相同的东西

标签： css twitter-bootstrap media-queries

【解决方案1】：

对不起，伙计们：没关系。其中一个查询没有结束标签。我多次检查 css 试图找到问题，直到第 10 次才看到它。可能应该收工了。

我在inspect 元素中注意到它甚至根本没有看到媒体查询。这让我明白了，应该是我应该做的第一件事....

FF 和 chrome 看到了媒体查询，但没有看到。奇怪，但 ie 在这种情况下是正确的。 FF 和 chrome 让我松懈了:)

【讨论】：

【解决方案2】：

我可以建议多件事，因为它不会起作用：

添加媒体查询应该在哪里工作，例如screen

@media only screen and (max-width : 775px) {}
检查兼容模式是否关闭...大多数时候这是问题
您的文档页面中缺少<!DOCTYPE html>

【讨论】：