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

html-css013

如何解决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块进行布局时我们就可以做的更加得心应手。

目前,支持Html5的浏览器包括Firefox(火狐浏览器)、IE9及其更高版本、Chrome(谷歌浏览器)、Safari、Opera等;国内的傲游浏览器(Maxthon)、以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

拓展:

Html5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准,开发人员可以轻松调试修改。html5-百度百科

IE9支持部分,IE10+支持。Chrome3-5支持大部分,Chrome6+支持。iPad3.2+自带浏览器支持大部分。操作方法如下:

1、首先创建一个新的html文件,简单重置样式,添加canvas,给画布一个红色背景。

2、这里用jquery写,所以先引入jquery,可以看到默认下的canvas的画布大小 300*150。

3、编写resizeCnavas方法,用来动态获取并改变canvas的大小。

4、在页面加载完先对canvas进行一次画布的设置。

5、窗口大小发生改变时,动态调用上面的方法。

6、最后再次打开浏览器,就获得了自适应的canvas画布。