ie9以下浏览器对html5标签无法识别,不支持css3媒体查询。虽然ie浏览器使用的人数在日益减少,但还是有部分用户仍在使用ie浏览器。我们做网站的时候,也要考虑到这部分用户。
如何让ie支持html5和css3媒体查询?
其实很简单,只需要在head标签里添加下面几行代码
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
这段代码的意思是,如果浏览器版本小于IE9,就引入这两个js文件
html5shiv.js说明:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。
respond.min.js说明:让不支持css3媒体查询的浏览器包括IE6-IE8等其他浏览器支持媒体查询。
这就是ie不兼容htm5、css3的解决办法