浅谈浏览器的兼容性到底怎么样？

2024-06-24 11:33:45阅读量：38 字体：大 中 小

浅谈浏览器的兼容性到底怎么样？

我就说说自己的看法啊，不对的请指正。

浏览器就是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可以使用媒体查询，实现响应式开发。


免责声明：

本文《浅谈浏览器的兼容性到底怎么样？》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • 手机淘宝首页布局怎么变了

    手机淘宝首页布局怎么变了

    手机淘宝首页布局变了可能是开启了长辈模式，开启长辈模式的布局就会改变，可以通过设置改回原来的布局，具体操作步骤如下： 手机淘宝首页布局怎么变了 1、打开淘宝app，点击我的淘宝，再点击右上角的齿轮进入...

    阅读: 973

  • 强制解除小红书实名认证

    强制解除小红书实名认证

    小红书账号一旦实名认证过了就不能解除实名认证了，只能通过注销账号的方式来解除实名认证。具体的操作方式如下： 强制解除小红书实名认证 1、打开小红书，点击进入我”的界面，再点击右上角的三条横...

    阅读: 925

  • 快手怎么买热门

    快手怎么买热门

    上了快手热门的视频可以推送给更多的用户，让视频得到更高的热度，在快手买热门的具体操作方式如下： 快手怎么买热门 1、打开快手，点击左上角的三条横线”，进入功能栏”界面。 2...

    阅读: 882

  • 微信闭关中是什么状态

    微信闭关中是什么状态

    微信闭关中是不与外界往来的状态。微信状态显示闭关，可能是因为最近比较忙，又或者是碰到烦心的事情，有一种自我封闭的含义。以下是设置微信状态的操作方法： 微信闭关中是什么状态 1、打开微信，点击我&rdq...

    阅读: 872

  • qq打开文件默认设置怎么改

    qq打开文件默认设置怎么改

    qq，为腾讯qq的简称，是一款基于互联网的即时通信软件。修改qq打开文件默认设置的具体操作如下： qq打开文件默认设置怎么改 1、点击手机设置”-应用与权限”-应用管理&rdq...

    阅读: 841

  • 微信注销后聊天记录还能恢复吗

    微信注销后聊天记录还能恢复吗

    如果对聊天记录进行备份或迁移的话，微信注销后聊天记录可以恢复。如果没有对聊天记录进行备份或迁移的话，微信注销后聊天记录无法恢复。以下是注销微信的操作步骤： 微信注销后聊天记录还能恢复吗 1、打开微信A...

    阅读: 951

热门文章

最近更新