前端开发必配置：html5shiv.js和respond.min.js的作用说明

一、做页面开发时我们基本都会需要解决的问题：

1、解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。2、让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，故这两种问题还是需要解决的，

二、解决方案很简单：在head标签里添加如下代码就行了

<!--[if lt IE 9]><script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script><script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

三、代码说明：

    以下等等都是IE专门提供的一种语法，只有IE能识别运行，其他浏览器只会作为注解。<!--[if !IE]>  除IE外都可识别   <![endif]--><!--[if IE]>   所有的IE可识别   <![endif]--><!--[if IE 6]>   仅IE6可识别   <![endif]--><!--[if lt IE 6]>   IE6以及IE6以下版本可识别   <![endif]--><!--[if gte IE 6]>   IE6以及IE6以上版本可识别   <![endif]--><!--[if IE 7]>   仅IE7可识别   <![endif]--><!--[if lt IE 7]>   IE7以及IE7以下版本可识别   <![endif]--><!--[if gte IE 7]>   IE7以及IE7以上版本可识别   <![endif]--><!--[if IE 8]>   仅IE8可识别   <![endif]--><!--[if IE 9]>   仅IE9可识别   <![endif]-->

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

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

关于我们解决方案里用的两个JS文件地址，网上也有很多。不想用这个的可以自己再找一下别的cdn地址。

前端开发必配置：html5shiv.js和respond.min.js的作用说明相关推荐

html5shiv.js和respond.min.js的作用
html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览 ...
html5shiv.js和respond.min.js
做页面常用的东西,写这里用的时候省点去找了... html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Medi ...
网站前端开发必会基础知识有哪些？
自己工作做得好好的,怎么非要去搞前端?" 很多人离职的时候,可能印象最深的就是爸妈每天说的这句话.起因很简单,就是自己辞了爸妈眼中的"铁饭碗". 他也是如此,毅然辞去了一 ...
前端实习日记——前端开发环境配置清单
前端实习日记--前端开发环境配置清单实习日记篇说明: 作为前端小菜鸟,初入职场实习,希望将所感所获简单总结,分享给同样处于新手期的小伙伴们,和大家共同成长~ 实习第一步:配环境! 实习第一天,自然是 ...
respond.min.js/respond.js下载
respond.js/respond.min.js让IE6-8支持CSS3 Media Query 下载地址:/UserFiles/file/20150118/20150118152746_147.r ...
下载Echarts.min.js和Echart-gl.min.js
下载Echarts.min.js和Echart-gl.min.js 最近在一个数据处理的APP,其中需要用到Echarts.min.js和Echart-gl.min.js ,话不多说,直接上图先附上 ...
react.development.js、React-dom.development.js、babel.min.js 下载
前言在写这个博客之前好像也停更了半年之久,去实习鞭打了一波.现在回来继续开始学习新的知识. 废话不多说,刚学react之前还是一样准备一个js配件很麻烦下这 react.development.js ...
flv.js及flv.min.js
flv.js及flv.min.js 相关代码下载地址 <script>function flv_load() {console.log('isSupported: ' + flvjs.is ...
前端开发必看 | Vue在前端市场这么火，它到底是什么？
混迹前端市场的大家可能都知道,Vue可以说是一匹黑马,目前github star数已居第一位!前端开发者对Vue使用频率也越来越高. 作为由华人程序员尤雨溪开发的前端构架,它的出身给国人带来了巨大的荣 ...
详解浏览器缓存前端开发必会
详解浏览器缓存缓存可以说是性能优化中简单高效的一种优化方式了.一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷. 对于一个数据请求来 ...

前端开发必配置：html5shiv.js和respond.min.js的作用说明

前端开发必配置：html5shiv.js和respond.min.js的作用说明相关推荐

最新文章

热门文章