解决兼容性的库

HTML5标签兼容方案：html5shiv.js

[GitHub地址：https://github.com/aFarkas/html5shiv/]

IE8不支持HTML5的新标签，如<header>、<nav>等标签在IE8无法渲染。html5shiv.js可帮助IE6-8浏览器兼容HTML5语义化标签。
使用方法：在页面中引用html5shiv.js文件。必须添加在页面的

元素内，因为IE浏览器必须在元素解析前知道这个元素，所以这个js文件不能在页面底部引用。

CSS3媒体查询兼容方案：Respond.js

[GitHub地址：https://github.com/scottjehl/Respond]

IE8不支持CSS媒体查询，对响应式设计大大不利。Respond.js可帮助IE6-8兼容“min/max-width”媒体查询条件。
使用方法：在页面中所有css文件的引用位置之后引用Respond.js。而且Respond.js的引用得越早，用户看到页面闪烁的机会越小。

CSS3字体单位“rem”兼容方案：rem.js

[GitHub地址：https://github.com/chuckcarpenter/REM-unit-polyfill]

CSS3引入了新的字体大小单位rem，与em的“相对于其父元素来设置字体大小”的功能不同，rem是相对于根元素<html>的字体大小比率单位，成了目前主流的单位之一。IE9+开始支持，IE8就只能通过引入js库来支持了。
使用方法：在页面中引用rem.js文件。需要引用在页脚，也就是

末尾，在所有css文件引用和DOM元素之后

CSS3“background-size”属性的“cover”和“contain”属性值兼容方案：background-size polyfill

[GitHub地址：https://github.com/louisremi/background-size-polyfill]

“background-size”是CSS3新引入的属性，其中有两个属性值非常常用，分别为“cover”和“contain”。“cover”可以把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中。“contain”可以把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。IE8同样不支持，非常不方便。这时可以引用“background-size polyfill”库来兼容。
使用方法：与以上几个库不同，“background-size polyfill”的代码文件需要在css中引用。在所有用到这两个“background-size”属性值的地方，加一行“-ms-behavior”属性：

.selector { background-size: cover;/* 以下相对路径是相对于文档，而非css文件！ *//* 使用绝对路径可以避免混淆 */-ms-behavior: url(/backgroundsize.min.htc);
}

JS数组的forEach方法兼容方案：自行实现

IE8的数组对象没有forEach方法，晕。所以自行声明即可，代码如下：

if ( !Array.prototype.forEach ) {Array.prototype.forEach = function forEach( callback, thisArg ) {var T, k;if ( this == null ) {throw new TypeError( "this is null or not defined" );}var O = Object(this);var len = O.length >>> 0;if ( typeof callback !== "function" ) {throw new TypeError( callback + " is not a function" );}if ( arguments.length > 1 ) {T = thisArg;}k = 0;while( k < len ) {var kValue;if ( k in O ) {kValue = O[ k ];callback.call( T, kValue, k, O );}k++;}};
}

SVG图形兼容方案：优雅降级

[参考文章：http://www.zhangxinxu.com/wordpress/2013/09/svg-fallbacks/]

对于svg图形是真的无法直接兼容了，因此使用优雅降级，在IE8下显示替代的jpg、png或gif图片。有三种比较实用的方法：一是用js修改的src属性，这里省略；二是用HTML的hack实现优雅降级，类似于如下代码：

<svg width="96" height="96"><image xlink:href="svg.svg" src="svg.png" width="96" height="96" />
</svg>

支持<svg>标签的浏览器会显示svg.svg，老版本浏览器会无视<svg>标签，渲染<image>标签，从而显示svg.png。
此外，还有一种比较巧妙的方法：

<img src="image.svg" onerror="this.src='image.png'">

此法有弊端：当image.png出现问题无法载入时，会陷入死循环。

Canvas兼容方案：Excanvas.js

[下载地址：http://code.google.com/p/explorercanvas/downloads/list]

Canvas的功能非常强大，兼容IE8的工作也很繁巨。可能有很大一部分情况要用优雅降级，但是一些情况下可以使用Google出的Excanvas.js库。它是利用IE支持的VML对象来模拟Canvas的绘图的，有些情况下可用，但无法穷尽Canvas的所有功能。
使用方法：在页面中引用Excanvas.js文件，最好在<head>标签中。
[具体注意事项可以参考文章：http://rockyuse.iteye.com/blog/1618298]

转载于:https://www.cnblogs.com/Ivy-s/p/7452359.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/455256.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

H.264 中的相关问题

H.264 中的相关问题

帧内解码时&#xff0c;在解码端&#xff0c;首先通过当前宏块左边、上边已经解码完成的宏块使用当前宏块的预测模式&#xff08;预测模式计算过程请参见我的论文《H.264数字视频差错控制技术的研究》&#xff0c;在群FTP“本群原创资料”目录中&#xff09;得到当前宏块的像素…
阅读更多...
wenzhixin bootstrap-table 点击table单元格改变颜色

wenzhixin bootstrap-table 点击table单元格改变颜色

bootstrap-table用于展示数据非常方便&#xff0c;也需要满足一些个性化需求。比如点击窗格&#xff08;td&#xff09;标记下颜色&#xff0c;用于目测 代码如下&#xff0c;转载请注明 $("table").on(click-row.bs.table, function (e, row, $el) {//el[0] is tr …
阅读更多...
tornado学习笔记day01-高并发性能web框架

tornado学习笔记day01-高并发性能web框架

tornado的安装 这里我使用的是虚拟环境中的pip安装,配合清华大学镜像源安装的 pip install tornado -i https://pypi.tuna.tsinghua.edu.cn/simple我的第一个tornado程序 import tornado.web import tornado.ioloopclass IndexHandler(tornado.web.RequestHandler):主页处理…
阅读更多...
python99乘法表while翻译_Python学习之while练习--九九乘法表

python99乘法表while翻译_Python学习之while练习--九九乘法表

效果如下&#xff1a;实现代码;m 1n 1while(m<10):while(n<m):print(n,"*",m,"",m*n,end \t)n 1print(\n)n 1m 1解析&#xff1a;这是一个很简单的while嵌套程序&#xff0c;首先分析九九乘法表是从上往下逐行增加&#xff0c;且第一列乘积为1…
阅读更多...
ASP.NET Core 2加入了Razor页面特性

ASP.NET Core 2加入了Razor页面特性

最近发布的ASP.NET Core 2.0&#xff0c;连同新发布的.NET Core 2和Entity Framework Core 2.0y&#xff0c;一并构成了.NET Core 2.0生态中的三元组。此发布给出了多个新特性和改进&#xff0c;其中包括通用性能的改进、Razor页面、新的开发模板以及更好的Azure Diagnostics支…
阅读更多...
matlab 矩阵拼接

matlab 矩阵拼接

E[a&#xff0c;b]%水平方向上的拼接 E[a &#xff1b;b] %垂直方向上的拼接 转载于:https://www.cnblogs.com/hsy1941/p/7124083.html
阅读更多...
JM8.5中的7种宏块模式问题 - zhoujunming的专栏 - CSDN博客

JM8.5中的7种宏块模式问题 - zhoujunming的专栏 - CSDN博客

JM8.5中的7种宏块模式问题 收藏 Outline: 1、 CFG文件中有关可变尺寸宏块模式的相关选项2、 7种宏块模式对应的数值常量3、 7种宏块模式被分成宏块和亚宏块4、 如何对宏块和亚宏块的运动估计&#xff0c;采用一个共同的函数来处理5、 遗留问题1、CFG文件中有关可变尺寸宏块…
阅读更多...
tornado学习笔记day02-进阶与提升

tornado学习笔记day02-进阶与提升

整理基础工程 请看第一天的配置文件目录,搭建了一个框架的基础目录 Application settings debug 作用 可以设置tornado是否工作在调试模式下面,默认为false,即工作在生产模式下 true的特性: 自动重启: tornado程序会监控源代码文件,会自动重启服务器,减少我们手动重启…
阅读更多...
python123测验2答案八边形_Python试卷

python123测验2答案八边形_Python试卷

3、写一个函数&#xff0c;计算一个给定的日期是该年的第几天。def getday(self,yNone,mNone,dNone):date datetime(y,m,d)days date.strftime(%j)return days4、写一个函数&#xff0c;给定N&#xff0c;返回斐波那契数列第N项。def getn_vlaue(self,n):if n<2:return 1e…
阅读更多...
java实体类如果不重写toString方法，会如何？

java实体类如果不重写toString方法，会如何？

先认识一下Object Object 类的 toString 方法 返回一个字符串&#xff0c;该字符串由类名&#xff08;对象是该类的一个实例&#xff09;、at 标记符“”和此对象哈希码的无符号十六进制表示组成。换句话说&#xff0c;该方法返回一个字符串&#xff0c;它的值等于&#xff1a;…
阅读更多...
H.264 中很有用的一些概念

H.264 中很有用的一些概念

Q:PSNR 峰值信噪比 是根据它来取qp是不是&#xff1f; A:不是 和QP没有直接关系但是QP的选择会影响到PSNR Q: 如果不用率失真最优化&#xff0c;为什么选择SATD&#xff0b;deltar&#xff08;mv&#xff0c;mode&#xff09;作为模式选择的依据&#xff1f;为什么运动估…
阅读更多...
tornado学习笔记day03-响应输出

tornado学习笔记day03-响应输出

write: 作用: 将chunk中的数据写到输出缓冲区 利用write方法写json数据 我们自己手动序列化json的那种方式Content-Type 的属性值为text-html而我们采用write自动序列化方式,我们的content-type 属性为application/json set_default_headers(): 作用: 在进入HTTP响应方法…
阅读更多...
Machine Learning——octave矩阵操作（2）——DAY3

Machine Learning——octave矩阵操作（2）——DAY3

矩阵的数学操作&#xff1a; Assumed: a为一个矩阵&#xff0c;m是一个向量 Log(a)——求每一个元素的对数 Exp(a)——以e为底的指数 1./a——求每个元素的导师 [a,b]max(m)——m是一个向量&#xff0c;a为m当中最大的元素&#xff0c;b为a在m中的排列序号&#xff08;已按从小…
阅读更多...
python 多进程并发_python并发编程之多进程

python 多进程并发_python并发编程之多进程

一 multiprocessing模块介绍python中的多线程无法利用多核优势&#xff0c;如果想要充分地使用多核CPU的资源(os.cpu_count()查看)&#xff0c;在python中大部分情况需要使用多进程。Python提供了multiprocessing。multiprocessing模块用来开启子进程&#xff0c;并在子进程中执…
阅读更多...
tornado学习笔记day04-执行顺序

tornado学习笔记day04-执行顺序

响应输出 -> write 原型 self.write()函数 源码中是这样定义的 def write(self, chunk: Union[str, bytes, dict]) -> None:作用 将chunk数据写到缓冲区 刷新缓冲区的四种方式 程序中断手动刷新缓冲区满了遇到\n 当你写了一个print之后,不是直接就显示在黑屏中断…
阅读更多...
字符串中文判断

字符串中文判断

2019独角兽企业重金招聘Python工程师标准>>> 1、判断字符串是否全是中文或含有中文 <?php header(Content-type:text/html; charsetutf-8); $str 你好; if(preg_match(/^[\x{4e00}-\x{9fa5}]$/u, $str)>0){ echo 全是中文; …
阅读更多...
angular使用动态组件后属性值_Angular动态加载组件

angular使用动态组件后属性值_Angular动态加载组件

引言有时候需要根据URL来渲染不同组件&#xff0c;我所指的是在同一个URL地址中根据参数的变化显示不同的组件&#xff1b;这是利用Angular动态加载组件完成的&#xff0c;同时也会设法让这部分动态组件也支持AOT。动态加载组件下面以一个Step组件为示例&#xff0c;完成一个3个…
阅读更多...
分治2--取余运算

分治2--取余运算

分治2--取余运算 一、心得 二、题目和分析 题目描述 输入b&#xff0c;p&#xff0c;k的值&#xff0c;求bp mod k的值。其中b&#xff0c;p&#xff0c;k*k为长整型数。输入 三个整数&#xff0c;分别为b&#xff0c;p&#xff0c;k的值输出 bp mod k样例输入 2 10 9样例输出 …
阅读更多...
-mysql-锁机制分为表级锁和行级锁

-mysql-锁机制分为表级锁和行级锁

2019独角兽企业重金招聘Python工程师标准>>> 声明&#xff1a;本栏目所使用的素材都是凯哥学堂VIP学员所写&#xff0c;学员有权匿名&#xff0c;对文章有最终解释权&#xff1b;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。 mysql锁机制分为表级锁和行级锁 …
阅读更多...
tornado学习笔记day05-访问数据库

tornado学习笔记day05-访问数据库

模板## 配置模板路径 这个在之前我们已经配置好了,可以参考前面的文章 settings {# 就像upfile就没有,你写了也白扯template_path: os.path.join(BASE_DIR, "templates"), }渲染并返回给客户端 使用render()方法 class HomeIndexHandler(RequestHandler):def ge…
阅读更多...
最新文章

Copyright @ 2022~2023