Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
Css @IE忽略样式表中的媒体_Css_Media Queries - Fatal编程技术网

Css @IE忽略样式表中的媒体

Css @IE忽略样式表中的媒体,css,media-queries,Css,Media Queries,在我的样式表开始时,我有3行代码,它们根据sreen分辨率调整字体大小。它在除IE之外的所有浏览器中都能完美工作(我测试了IE7-8) 我如何解决这个问题? 是否有一个黑客,脚本,插件,我可以添加,使其在IE中工作? 谢谢Internet Explorer在IE9之前不支持它们 Scott Hanselman有一个关于媒体查询和渐进增强的好故事 当然它会忽略它们,直到IE9,才有媒体查询支持。当然,看看Respond。我已经多次使用它将此功能扩展到较旧的IEs 如果您正在寻找jQuery解决方案

在我的样式表开始时,我有3行代码,它们根据sreen分辨率调整字体大小。它在除IE之外的所有浏览器中都能完美工作(我测试了IE7-8)

我如何解决这个问题? 是否有一个黑客,脚本,插件,我可以添加,使其在IE中工作?
谢谢

Internet Explorer在IE9之前不支持它们

Scott Hanselman有一个关于媒体查询和渐进增强的好故事


当然它会忽略它们,直到IE9,才有媒体查询支持。

当然,看看Respond。我已经多次使用它将此功能扩展到较旧的IEs


如果您正在寻找jQuery解决方案来解决IE旧浏览器的这个问题,这里有一个很好的资源


希望这有助于

IE 8及以下版本不理解媒体查询。您可以在HTML中使用注释,使样式表仅对IE可见。 有关说明,请参见本页:

例如:


在下面的示例中,媒体查询将一个样式表服务于最大480px宽的屏幕,另一个样式表服务于481或更大的屏幕。它为IE 8或以下版本的用户提供相同的样式表:

<link
    rel="stylesheet"
    type="text/css"
    media="screen and (max-device-width: 480px)" href="/css/style.css" />

<link
    rel="stylesheet"
    type="text/css"
    media="screen and (min-device-width: 481px)" href="/css/style.css"/>   

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="/css/style.css"/>
<![endif]-->


这就是我所想的,但是有什么黑客或解决方案吗?你可以使用一些javascript或一些条件注释。似乎有效,但只有当查询直接在页面中,而不是在样式表中时才有效:你的意思是当你在中的中声明它们时?这很奇怪,我不能说我遇到了那个问题。对不起,没用。
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="/css/style.css"/>
<![endif]-->
<link
    rel="stylesheet"
    type="text/css"
    media="screen and (max-device-width: 480px)" href="/css/style.css" />

<link
    rel="stylesheet"
    type="text/css"
    media="screen and (min-device-width: 481px)" href="/css/style.css"/>   

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="/css/style.css"/>
<![endif]-->