织梦做手机网站,hao123从网上开始,网站开发组岗位,驻马店做网站优化1、css3媒体查询IE8不支持媒体查询解决#xff1a;respond.js#xff0c;在页面中所有css文件的引用位置之后引用Respond.js2、HTML5新标签IE8不支持H5新标签解决#xff1a;html5shiv.js#xff0c;在页面中引用html5shiv.js文件。必须添加在页面的元素内#xff0c;因为…1、css3媒体查询IE8不支持媒体查询解决respond.js在页面中所有css文件的引用位置之后引用Respond.js2、HTML5新标签IE8不支持H5新标签解决html5shiv.js在页面中引用html5shiv.js文件。必须添加在页面的元素内因为IE浏览器必须在元素解析前知道这个元素所以这个js文件不能在页面底部引用。3、rem不兼容rem是相对于根元素的字体大小比率单位成了目前主流的单位之一。IE9开始支持IE8就只能通过引入js库来支持了解决在页面中引用rem.js文件。需要引用在页脚也就是末尾在所有css文件引用和DOM元素之后4、css3的background-size的cover和containbackgroun-size的cover和contain是css3新引入的属性IE8不支持解决引用“background-size polyfill”库来兼容“background-size polyfill”的代码文件需要在css中引用。在所有用到这两个“background-size”属性值的地方加一行“-ms-behavior”属性.selector {background-size: cover;/*以下相对路径是相对于文档而非css文件*//*使用绝对路径可以避免混淆*/-ms-behavior: url(/backgroundsize.min.htc);}5、placeholderplaceholder是h5的属性ie8不支持解决jquery-placeholder6、last-childlast-child是css3选择器ie8不支持解决不使用last-child而是给最后一个元素设置一个.last的class然后对此进行样式设置这样就全部兼容了7、数组的forEach方法ie8的数组对象不支持forEach方法解决自己实现forEach方法if ( !Array.prototype.forEach ) {Array.prototype.forEach functionforEach( callback, thisArg ) {varT, 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) {TthisArg;}k 0;while( k kValueO[ k ];callback.call( T, kValue, k, O );}k;}};}
