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

如何解决HTML在各种浏览器的兼容性?,第1张

方法/步骤\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.在工具的下拉菜单也可以看到在兼容模式前面有打钩,说明网页的兼容模式已经设置成功。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6101614.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存