Internet explorer “html链接”;“媒体”;属性(ie8)

Internet explorer “html链接”;“媒体”;属性(ie8),internet-explorer,responsive-design,internet-explorer-8,cross-browser,media-queries,Internet Explorer,Responsive Design,Internet Explorer 8,Cross Browser,Media Queries,这个问题与IE8密切相关,我理解CSS3@media查询 要根据浏览器宽度切换样式表,我的代码如下: <link rel="stylesheet" type="text/css" href="small.css" media="screen and (min-width: 1000px)"> <link rel="stylesheet" type="text/css" href="large.css" media="screen and (min-width: 1200px)"

这个问题与IE8密切相关,我理解CSS3
@media
查询

要根据浏览器宽度切换样式表,我的代码如下:

<link rel="stylesheet" type="text/css" href="small.css" media="screen and (min-width: 1000px)">
<link rel="stylesheet" type="text/css" href="large.css" media="screen and (min-width: 1200px)"> 

(为了简单/清晰-样式表只需更改方框的颜色)

现在,上面的代码在每个浏览器中都可以正常工作,当然IE8除外

做了一些研究以确保它不是一个兼容性问题,我发现IE8做了html
media
属性


问题:为什么这不适用于POS IE8?

IE9之前的Internet Explorer版本不支持媒体查询

如果你正在寻找一种降低IE8用户设计质量的方法,你可能会发现IE的有条件评论很有帮助。使用此选项,您可以指定一个IE 8/7/6特定的样式表,该样式表覆盖了以前的规则

例如:

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

在本机不支持媒体查询的浏览器中,还有一个javascript插件支持媒体查询:


IE9之前的Internet Explorer版本不支持媒体查询

如果你正在寻找一种降低IE8用户设计质量的方法,你可能会发现IE的有条件评论很有帮助。使用此选项,您可以指定一个IE 8/7/6特定的样式表,该样式表覆盖了以前的规则

例如:

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

在本机不支持媒体查询的浏览器中,还有一个javascript插件支持媒体查询:


是的,我知道他们,我真的觉得奇怪,IE8无论如何都没有检测设备宽度的功能……这并不奇怪,这种东西在当时并不存在。上面的答案将是最好的方法。我的意思是,当你在Windows上有一个“窗口”,它具有功能或调整“back then”的大小时,你会认为他们会创建它,或者至少添加支持,如果窗口没有调整大小,那么只检测设备类型(打印、手持等)是可以理解的,是的,我会接受他的回答来结束这个问题,谢谢你们的投入和时间,我很感激!是的,我知道他们,我真的觉得很奇怪,IE8无论如何都不需要检测设备的宽度…不是很奇怪,这个东西在当时是不存在的。上面的答案将是最好的方法。我的意思是,当你在Windows上有一个“窗口”,它具有功能或调整“back then”的大小时,你会认为他们会创建它,或者至少添加支持,如果窗口没有调整大小,那么只检测设备类型(打印、手持等)是可以理解的,是的,我会接受他的回答来结束这个问题,谢谢你们的投入和时间,我很感激!