Internet explorer “html链接”;“媒体”;属性(ie8)
这个问题与IE8密切相关,我理解CSS3Internet 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)"
@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做了htmlmedia
属性
问题:为什么这不适用于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”的大小时,你会认为他们会创建它,或者至少添加支持,如果窗口没有调整大小,那么只检测设备类型(打印、手持等)是可以理解的,是的,我会接受他的回答来结束这个问题,谢谢你们的投入和时间,我很感激!