CSS媒体查询在IE中不起作用9

我在设计中包含了一些媒体查询，以根据浏览器宽度更改页面某些元素的宽度。查询如下：CSS媒体查询在IE中不起作用9

@media screen and (min-width:1024px) 
@media screen and (max-width:1024px)

Chrome，Safari和Firefox工作得很好，只有IE是一个问题。我知道，IE 9之前的所有版本都不支持此功能，但它们根本不适用于IE 9。可能是什么问题？

来源

2011-08-02 Sacha

您是否打开了兼容模式？

来源

2011-08-02 19:49:07

兼容模式已打开。关掉解决了这个问题。非常感谢你。 – Sacha

谢谢这也解决了我的问题...以为我会提及的情况下，它可以帮助其他人在我的IE9下的“兼容性视图设置”它有“显示Intranet站点兼容性视图”选项打勾，这似乎是预设???这是影响从我的WAMP服务器服务的网站 – byronyasgur

兼容性模式在IE9上的默认模式？ –

-6

不幸的是，任何版本的IE都不支持min-width。所以，如果你使用这个约定：

<!--- CSS Selector :: Desktop ---> 
<link rel="stylesheet" type="text/css" href="css/desktop.css" media="screen and (min-width:960px)" label="desktop"> 

<!--- CSS Selector :: Tablet PC ---> 
<link rel="stylesheet" type="text/css" href="css/tablet.css" media="screen and (min-width:768px) and (max-width:959px)" label="tablet"> 

<!--- CSS Selector :: Phone ---> 
<link rel="stylesheet" type="text/css" href="css/phone.css" media="screen and (min-width:320px) and (max-width:499px)" label="phone">

它会忽略所有。

Reference。

来源

2011-11-27 11:54:12

如果您提供了解决方法，这将会很有帮助。根据你的'参考'链接，IE 7-9都支持'min-width'。 – Amy

确保您有正确的DOCTYPE声明。它强烈建议网站为了支持最广泛的成熟和新兴的标准（在这种情况下：CSS3）使用HTML5文档类型，以及Web浏览器的最广泛的范围：<!DOCTYPE html>

来源

2012-08-07 22:36:59

使用下列条件

@media only screen (min-width: 1px) and (max-width:599px)

，而不是

@media only screen (max-width:599px)

，并确保min-width是1px为IE9不皮卡0px

来源

2015-10-21 19:40:56 Sameh

CSS媒体查询在IE中不起作用9

回答

相关问题