zoukankan      html  css  js  c++  java
  • 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、跨域可能会出现闪屏(还没有测试,具体情况不详)
  • 相关阅读:
    sonarqube添加C和C++语言
    sonarqube代码质量分析神器安装和使用
    sonarqube8.8汉化教程
    sonarqube代码分析平台踩坑指南
    解决Windows下PowerShell无法进入Python虚拟环境
    人工智能识别图片入门
    Python深拷贝和浅拷贝解读
    白嫖微软Azure12个月服务器
    Jmeter分布式压测
    Python+Appium实现自动抢微信红包
  • 原文地址:https://www.cnblogs.com/harlem/p/6040755.html
Copyright © 2011-2022 走看看