Question

我想弄清楚为什么我的媒体查询在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课程。

Answer 1

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

添加媒体查询应该有效的位置，例如screen

@media only screen and (max-width : 775px) {}
检查兼容模式是否已关闭 ... 大部分时间这都是问题
从您的文档页面中遗漏<!DOCTYPE html>

Answer 2

对不起伙计们：没关系。其中一个查询没有结束标记。我经常多次尝试找到问题并且直到第10次才看到它。可能应该称它为一天。

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

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

媒体查询在FF和CH中工作但不在IE中工作

2 个答案: