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

我试图弄清楚为什么我的媒体查询在Firefox和Chrome中工作，而不是Internet Explorer11。

页面：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类仅以平板电脑和电话查看为中心。

我可以建议的多件事，因为它无法正常工作：

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

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

对不起的家伙：没关系。其中一个查询没有关闭标签。我经过了很多次试图找到这个问题的CSS，直到第10次才看到它。可能应该称它为一天。

我在IE的检查元素中注意到它甚至根本没有看到媒体查询。那使我加入了，应该是我应该做的第一件事....

ff和Chrome看到了媒体查询，即没有。奇怪，但是在这种情况下是正确的。FF和Chrome给我带来了很多懈怠：）

相关内容

最新更新

热门标签：