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