html5shiv.js and respond.min.js

因为用到这两个插件,所以记录下来。。

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

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

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

下面是两个解决方法的cdn地址写法:

<!--[if lt IE 9]>

  <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>

   <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

<![endif]—>

  注意几点:

1、需要启动本地服务器(localhost),不能使用普通本地的url地址(file://开头);

2、需要外部引入CSS文件,将CSS样式书写在style中是无效的;

3、由于respond插件是查找CSS文件,再进行处理,所以respond文件一定要放置在CSS文件的后面

4、另外,虽然把respond放置在head里还是在body后面都能够实现,但是建议放置在head中(具体原因在下面的文档提示中有提到)

5、最好不要为CSS设置utf-8的编码,使用默认(原因详见下面的文档提示部分)

6、越早的引入respond.js文件,也就越可能避免IE下出现的闪屏。

7、不支持嵌套的媒体查询

8、utf-8的字符编码对respond.js文件的运行有影响

官方API原文:if CSS files are encoded in UTF-8 with Byte-Order-Mark, they will not work with Respond.js in IE7 or IE8.

基本含义就是:utf-8格式的CSS文件字符编码会对插件造成影响。

但是在我使用IE6-8进行测试的时候,都能够正常显示(无论是在css文件中增加charset设置还是在link标签中增加charset设置)。因此,并不是太清楚这个位置bug的含义。

9、跨域可能会出现闪屏(还没有测试,具体情况不详)

时间: 2024-12-09 07:16:34

html5shiv.js and respond.min.js的相关文章

让IE系列支持HTML5的html5shiv.js和respond.min.js

在head头部添加如下代码即可 <!-- html5shiv.js和respond.js IE8支持HTML5元素和媒体查询 --><!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2

html5shiv.js和respond.min.js

做页面常用的东西,写这里用的时候省点去找了... html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询. 由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的, 下面是两个解决方法的cdn地址写法: 1 <!--[if lt IE 9]> 2 3 <script src=

respond.min.js

Bootstrap 入门[转]:http://www.cnblogs.com/linjiqin/p/3557661.html Bootstrap使用到的某些HTML元素和CSS属性需要将页面设置为HTML5文档类型.在你项目中的每个页面都要参照下面的格式进行设置. 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 ... 4 </html> 引入respond.min.js说明Internet Explorer 8

respond.min.js IE失效问题

respond.min.js  用于解决 ie6-ie8媒体查询 兼容问题: 1. 需把文件置于服务器上,iis下运行 2.包含媒体查询的 css文件需 采用外链形式 3.头部引用的respond.min.js 需置 于css 文件之后: 4.头部引用的respond.min.js 文件必须放在本html页内,如shtml文件提出公共部分后则无效:

What&#39;s the difference between jquery.js and jquery.min.js?

They are both the same functionally but the .min one has all unnecessary characters removed in order to make the file size smaller. Just to point out as well, you are better using the minified version (.min) for your live environment as Google are no

jquery.js和jquery.min.js的区别介绍

jquery官网提供2种jQuery的下载,一种是jquery.js另一种是jquery.min.js 文件名不一定完全相同,但通常情况下: jquery.js是完整的未压缩的jQuery库,文件比较大,一般用于阅读学习源码或修改源码,一般不用于线上项目. jquery.min.js是由完整版的jQuery库经过压缩得来,压缩后功能与未压缩的完全一样,只是将其中的空白字符.注释.空行等与逻辑无关的内容删除,并进行一些优化.这个版本一般用于网站引用使用,减小文件体积,降低网站流量,提升访问速度等.

JQuery中关于jquery.js与jquery.min.js的比较探讨

jquery-1.4.2.min.js是优化的,而query-1.4.2.js是易于开发着阅读的. 刚刚开始接触JQuery的时候,下载来的文件包括jquery.vsdoc.js, jquery.min.js和jquery.js 对于各个文件的作用以及该引入哪个包不是很清楚.有时候引入jquery.min.js能够执行,有时候引入jquery.js也能执行.现在做一下简单 的说明. 两个文件的作用是完全一样的,但从文件或上来看我们知道jquery.min.js应该是迷你版的意思,也就是文件会很小

jquery.js和jquery.min.js的区别和springboot整合echarts.min.js

1.区别:jquery官网提供2种jQuery的下载,一种是jquery.js另一种是jquery.min.js文件名不一定完全相同,但通常情况下:jquery.js是完整的未压缩的jQuery库,文件比较大,一般用于阅读学习源码或修改源码,一般不用于线上项目.jquery.min.js是由完整版的jQuery库经过压缩得来,压缩后功能与未压缩的完全一样,只是将其中的空白字符.注释.空行等与逻辑无关的内容删除,并进行一些优化.这个版本一般用于网站引用使用,减小文件体积,降低网站流量,提升访问速度

多语言切换jquery.i18n.min.js

项目需求,切换多语言,采用 jQuery.i18n.min.js文件内容如下 ------------------------------------------------- /*! * jquery i18n Plugin v1.0.0 * https://github.com/ZOMAKE/jquery.i18n * * Copyright 2017 ZOMAKE,Inc. * Released under the Apache Licence 2.0 */ (function($) {