当前位置: 首页 > 工具软件 > html5shiv > 使用案例 >

html5shiv源码,前端开发必配置:html5shiv.js和respond.min.js的作用说明!

越福
2023-12-01

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

1、解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。

2、让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种问题还是需要解决的,

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

三、代码说明:

以下等等都是IE专门提供的一种语法,只有IE能识别运行,其他浏览器只会作为注解。

项目范例说明

![if !IE]The NOT operator. This is placed immediately in front of the feature, operator, or subexpression to reverse the Boolean meaning of the expression.

NOT运算符。这是摆立即在前面的功能,操作员,或子表达式扭转布尔表达式的意义。

lt[if lt IE 5.5]The less-than operator. Returns true if the first argument is less than the second argument.

小于运算符。如果第一个参数小于第二个参数,则返回true。

lte[if lte IE 6]The less-than or equal operator. Returns true if the first argument is less than or equal to the second argument.

小于或等于运算。如果第一个参数是小于或等于第二个参数,则返回true。

gt[if gt IE 5]The greater-than operator. Returns true if the first argument is greater than the second argument.

大于运算符。如果第一个参数大于第二个参数,则返回true。

gte[if gte IE 7]The greater-than or equal operator. Returns true if the first argument is greater than or equal to the second argument.

大于或等于运算。如果第一个参数是大于或等于第二个参数,则返回true。

( )[if !(IE 7)]Subexpression operators. Used in conjunction with boolean operators to create more complex expressions.

子表达式运营商。在与布尔运算符用于创建更复杂的表达式。

&[if (gt IE 5)&(lt IE 7)]The AND operator. Returns true if all subexpressions evaluate to true

AND运算符。如果所有的子表达式计算结果为true,返回true

|[if (IE 6)|(IE 7)]The OR operator. Returns true if any of the subexpressions evaluates to true.

OR运算符。返回true,如果子表达式计算结果为true。

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

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

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

这里可以查到bootstrap的其他CDN地址http://www.bootcdn.cn/

浏览器启用弹出窗口过滤功能,将无法跳转到下载页。在浏览器地址栏右边符号提示处点击允许就可以了!

郑重声明:

1、本站源码仅供个人学习研究和交流使用,请于下载后二十四小时内删除

2、本站大多资源来源于互联网、用户分享,仅供学习交流使用,本站不提供任何技术支持

3、本站联系方式Email:admin@youhutong.com ,收到邮件会第一时间处理。

4、如侵犯到任何版权问题,请立即告知本站(立即在线告知),本站将及时删除并致以最深的歉意

 类似资料: