zoukankan      html  css  js  c++  java
  • Respond.js-----20150415

    Respond.js让IE6-8支持CSS3 Media Query。

    Bootstrap里面就引入了这个js文件,从名字看出来是自适应的兼容。打开IE看了一下,效果挺好的,自适应的效果挺好的。Respond.js让不支持CSS3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
    的css路径取出来放入数组
    2.然后遍历数组一个个发ajax请求
    3.ajax回调后仅分析response中的media query的min-width和max-width语法,分析出viewport变化区间对应相应的css块
    4.页面初始化时和window.resize时,根据当前viewport使用相应的css块。
    使用:考虑到IE9是支持CSS3的,所以直接在HTML页面的head标签中添加脚本引用即可:
    <!--[if lt IE 9]>
          <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]—>
     
    官方demo地址:http://scottjehl.github.com/Respond/test/test.html 1.在css中正常用 min/max-width media queries
     
    @media screen and (min- 480px){
            ...styles for 480px and up go here
        }
     
    @media screen and (min- 480px){...styles for 480px and up go here}    
    2.引入respond.min.js,但要在css的后面(越早引入越好,在ie下面看到页面闪屏的概率就越低,因为最初css会先渲染出来,如果respond.js加载得很后面,这时重新根据media query解析出来的css会再改变一次页面的布局等,所以看起来有闪屏的现象)
  • 相关阅读:
    大量建置账号
    MYSQL远程登录权限设置
    设置mysql远程连接root权限
    阿里云服务器上安装mysql的心路历程(博友们进来看看哦)
    Array.Copy
    C#如何判断两个数组相等
    CentOS6.5下编译安装mysql5.6.19
    Linux下卸载和安装MySQL[rpm包]
    查看Linux磁盘空间大小
    C# 数组CopyTo
  • 原文地址:https://www.cnblogs.com/thelongmarch/p/4428201.html
Copyright © 2011-2022 走看看