由于某种原因,响应 JS 似乎不起作用。我正在使用 IE 8 中的媒体查询来更改各种尺寸显示器的背景图像。在 IE 8 中没有背景,只有纯色。
代码如下所示:
<!--[if lt IE 9]>
<script type="text/javascript" src="/js/html5-shiv.min.js"></script>
<script type="text/javascript" src="/js/respond.min.js"></script>
<![endif]-->
媒体查询如下所示:
@media (min-width:769px) and (max-width:1366px){
html, body{
background: url(/images/backgrounds/1366-bg.jpg) no-repeat center top fixed #190303;
background-size:100% auto;
}
}
上面的代码在 IE 8 中不起作用有什么原因吗?我是否应该尝试使用另一种 JS 来使 IE 8 媒体查询工作?
注意: html5-shiv 似乎可以工作。我正在实时网络服务器上进行测试。
同样的问题。我发现这是我的加载顺序问题,因为我内联编写CSS,然后调用respond js脚本,所以它看起来像
<script type="text/javascript" src="js/respond.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
它应该是
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript" src="js/respond.min.js"></script>
始终在 js 脚本之前链接样式表或编写内联 CSS!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)