如何让ie支持html5和css3媒体查询,ie不兼容htm5、css3的解决办法

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]-->

这段代码的意思是,如果浏览器版本小于IE9,就引入这两个js文件

html5shiv.js说明:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。

respond.min.js说明:让不支持css3媒体查询的浏览器包括IE6-IE8等其他浏览器支持媒体查询。

这就是ie不兼容htm5、css3的解决办法

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: