Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE忽略媒体查询_Html_Css_Internet Explorer_Media Queries - Fatal编程技术网

Html IE忽略媒体查询

Html IE忽略媒体查询,html,css,internet-explorer,media-queries,Html,Css,Internet Explorer,Media Queries,我有一个令人毛骨悚然的问题,IE没有听我的媒体询问。我使用的是Bootstrap3.1.1。该网站在FF和Chrome中运行完美。然而,所有版本的IE(包括昨天下载的最新版本v11)都出现了问题 我在互联网上搜寻答案,似乎没有其他人有这个问题,因此我可能做错了什么 要重现此问题,请尝试在chrome和IE中打开此页面: 代码如下: HTML5: <div class="monkey"> HAHOAOHOAA </div> 尝试将结果窗口的大小调整为~900px。你会看

我有一个令人毛骨悚然的问题,IE没有听我的媒体询问。我使用的是Bootstrap3.1.1。该网站在FF和Chrome中运行完美。然而,所有版本的IE(包括昨天下载的最新版本v11)都出现了问题

我在互联网上搜寻答案,似乎没有其他人有这个问题,因此我可能做错了什么

要重现此问题,请尝试在chrome和IE中打开此页面:

代码如下:

HTML5:

<div class="monkey">
HAHOAOHOAA
</div>


尝试将结果窗口的大小调整为~900px。你会看到Chrome尊重媒体查询,但IE不尊重

在这里查看此线程。您需要加载respond js以在不支持它们的浏览器中恢复媒体查询,并且您可能需要加载条件注释以检测ie,并为其提供自己的样式表和覆盖以使其正常工作


您的开发工具中是否将IE设置为较低版本?您是否在IE中触发怪癖模式?(点击f12查找)IE处于“标准模式”而不是“怪癖模式”。我使用的是标准香草IE11,新安装的。由于某种原因,浏览器被“放大”了156%,如果你放大到100%,它会修复它…对我来说很有效,一直到IE8-然后JSFIDLE本身就会崩溃。^I对我来说也是如此@RobSedgwick
.monkey {
padding-top: 50px;
border-radius: 15px;
background: #333;
color: #fff;
text-align: center;
}

@media (min-width: 900px) {
.monkey {padding-top: 200px;}
}