![浅谈浏览器的兼容性到底怎么样?](http://pic.yunnanlong.com/230523/1FP01C1-0.jpg)
我就说说自己的看法啊 , 不对的请指正 。
浏览器就是2大派系 , 一个是其他浏览器 , 一个是IE(这TM就是个异端) 。
浏览器的区别主要就是4个部分了
【浅谈浏览器的兼容性到底怎么样?】1.对于各种元素margin和padding的默认值不一样 。
2.ie和其他浏览器的css盒模型不一样 , ie的width和height包括了padding和border , 而其他浏览器的css盒模型才是标准的盒模型 , height和width是指content的宽和高 。
3.对于css3的支持程度不一样 。
4.对于ES5和ES6的支持程度不一样 。
5.html5的标签 。
6.css3的媒体查询
对应解决方法:
1.引入normalize.css , 可以统一各种元素的margin和padding等属性 。
2.css3的一个属性box-sizing可以定义该元素以哪种盒模型进行渲染 。content-box为标准盒模型 , border-box为IE的盒模型 。
3.引入PIE.htc或者其他的能够使IE兼容css3的文件 , 但是都有局限性 , 无法完全兼容css3的所有特性 , 具体的请自行度娘 。
4.IE8是部分支持es5的 , 可以引入es5-shim.js 。ps:不小心看到了es5-sham查了下他们的区别 。es5-shim就是实现的是原生的ES5 , 而sham中实现了一些新的API 。这样就可以使用es6编程再利用babel编译了 。
5.引入html5shiv.js , 可以让ie支持html5的标签 。
6.可以引入Respond.js , 使ie可以使用媒体查询 , 实现响应式开发 。
推荐阅读
- 手机存储卡的正确使用方法
- 手机QQ定时发说说的操作方法
- 快速删除QD的短信息
- Win8/win8.1的IE10/IE11无法显示Flash的多种解决方法介绍
- 地球上所有的鸟类都会飞行正确吗
- 抖音APP查看收藏音乐的方法步骤
- 华为手机怎么解除上网限制 如何解除浏览器网页访问限制
- 关于软件LG Desktop与手机联接难问题的解决办法
- Win7系统怎么更换IE浏览器桌面图标?
- 微信APP置顶好友的方法步骤