如何解决HTML在各种浏览器的兼容性？

方法/步骤\x0d\x0a不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。\x0d\x0a因此如果想消除这种差距，应该在相应的CSS部分加入以下CSS代码：\x0d\x0a*{margin:0pxpadding:0px}\x0d\x0a借于此，所有标记的内外边距被统一起来。\x0d\x0a优先级问题：\x0d\x0a对于同一标记属性所给定的值，有不同的优先级。其中优先级最高的是内联代码，其实是页内CSS，接下来是浏览器默认设置，最后才是外部CSS所做的限制。\x0d\x0aMargin不一致的问题：\x0d\x0a当有多张图片需要排在一行时，我们通常使用“Float：Left”来实现，这样一来，浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display：inline”项即可。\x0d\x0aDIV居中问题：\x0d\x0a通常我们会利用“vertical-align:middle”来实现，这对于搜狗浏览器来说，是正常的，但是对于IE浏览器来说，却并没有效果。对此，一种较好的解决方法是：将文字的行高设置与DIV一样时即可解决问题。\x0d\x0a内外边框合并问题。通常情况下，对于两个相关DIV块，相邻时采用外边距合并原则，其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。\x0d\x0a掌握了这一规则，在利用DIV块进行布局时我们就可以做的更加得心应手。

IE浏览器的兼容模式在浏览器的设置——兼容性视图中进行设置，具体的 *** 作方法如下：

1、这里IE11浏览器为具体的实例，首先在浏览器的主页面的左上角方向点击【设置】图标。

/iknow-pic.cdn.bcebos.com/472309f790529822d78c87b5d9ca7bcb0a46d40d"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/472309f790529822d78c87b5d9ca7bcb0a46d40d?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/472309f790529822d78c87b5d9ca7bcb0a46d40d"/>

2、进入到浏览器的设置的 *** 作页面以后，然后选择【兼容性视图设置（B）】。

/iknow-pic.cdn.bcebos.com/f2deb48f8c5494ee0b90b16f23f5e0fe99257e12"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/f2deb48f8c5494ee0b90b16f23f5e0fe99257e12?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/f2deb48f8c5494ee0b90b16f23f5e0fe99257e12"/>

3、最后进入到兼容性视图设置 *** 作页面以后，在【添加此网站】中输入你要以兼容性视图运行的网站，然后点击【添加】。（以后进入到这个网站的时候就会以兼容模式运行）

/iknow-pic.cdn.bcebos.com/37d3d539b6003af3f9d262163b2ac65c1038b658"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/37d3d539b6003af3f9d262163b2ac65c1038b658?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/37d3d539b6003af3f9d262163b2ac65c1038b658"/>

IE浏览器设置兼容模式步骤如下：

1.打开IE浏览器

2.点击“工具”选项

3.在d出的下拉菜单，选择“兼容性视图设置”

4.进入兼容性视图设置之后，填写所需要设置兼容模式的网址，点击添加，再点击关闭即可。

5.重新打开经过设置之后的网页，可以看到地址栏后面有一个像破碎纸片一样的图标，说明兼容模式已经设置成功。

6.在工具的下拉菜单也可以看到在兼容模式前面有打钩，说明网页的兼容模式已经设置成功。

---