浏览器兼容性常见

浏览器兼容问题?:不同浏览器的标签默认的外补丁和内补丁不同

问题症状:随便写?个标签,不加样式控制的情况下,各?的margin 和padding差异较?。

碰到频率:100%

解决?案:CSS? *{margin:0;padding:0;}

备注:这个是最常 的也是最易解决的?个浏览器兼容性问题,?乎所有的CSS?件开头都会?通配符*来设置各个标签 的内外补丁是0。

浏览器兼容问题?:块属性标签float后,?有横?的margin情况下,在IE6显?margin?设置的?

问题症状:常 症状是IE6中后?的?块被顶到下??

碰到频率:90%(稍微复杂点的 ?都会碰到,float布局最常 的浏览器兼容问题)

解决?案:在float的标签样式控制中加? display:inline;将其转化为?内属性

备注:我们最常?的就是div+CSS布局了,?div就是?个典型的块属性标签,横向布局的时候我们通常都是?div float实 现的,横向的间距设置如果?margin实现,这就是?个必然会碰到的兼容性问题。

浏览器兼容问题三:设置较??度标签(?般?于10px),在IE6IE7,遨游中?度超出??设置?度

问题症状:IE6、7和遨游?这个标签的?度不受控制,超出??设置的?度

碰到频率:60%

解决?案:给超出?度的标签设置overflow:hidden;或者设置??line-height ?于你设置的?度。

备注:这种情况?般出现在我们设置?圆?背景的标签?。出现这个问题的原因是IE8之前的浏览器都会给标签?个最? 默认的??的?度。即使你的标签是空的,这个标签的?度还是会达到默认的??。

浏览器兼容问题四:?内属性标签,设置display:block后采?float布局,?有横?的margin的情况,IE6间距bug

问题症状:IE6?的间距?超过设置的间距

碰到?率:20%

解决?案:在display:block;后?加?display:inline;display:table;

备注:?内属性标签,为了设置宽?,我们需要设置display:block;(除了input标签?较特殊)。在?float布局并有横向的 margin后,在IE6下,他就具有了块属性float后的横向margin的bug。不过因为它本?就是?内属性标签,所以我们再加 上display:inline的话,它的?宽就不可设了。这时候我们还需要在display:inline后?加?display:talbe。

浏览器兼容问题五:?元素绑架?元素的margin-top

问题症状:这个问题主要出现在?IE浏览器中。如果?元素和?元素之间没有任何内容,将?元素设置margin-top后,? 元素不会动,??元素会因为margin-top往下移动。

碰到?率:80%

解决?案:在?元素和?元素之间加?<div stye=‘height:0’> </div>。或者设置?元素的padding-top。

时间: 2024-11-03 02:27:57

浏览器兼容性常见的相关文章

常见浏览器兼容性问题与解决方案【转】

常见浏览器兼容性问题与解决方案 原文:http://blog.csdn.net/chuyuqing/article/details/37561313/ 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题. 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类是精确按

常见几种浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题. 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类: 是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都死浏

常见浏览器兼容性问题与解决方案

1 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题. 2 3 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 4 5 第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这

常见的浏览器兼容性问题大汇总

常见的浏览器兼容性问题大汇总 1 ie6.0横向margin加倍 产生因素:块属性.float.有横向margin. 解决方法:display:inline: 2 ie6.0下默认有行高 解决方法:overflow:hidden;或font-size:0;或line-height:xx px: 3 在各个浏览器下img有空隙(原因是:回车.) 解决方法:让图片浮动. 4 一个父标签与几个子标签嵌套,父标签不浮动,子标签float,子标签不撑开父的高度. 解决方法:a 在子标签最后清浮动{<div

常见浏览器兼容性问题与解决方式

所谓的浏览器兼容性问题,是指由于不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,不管用户用什么浏览器来查看我们的站点或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发者常常会碰到和必需要解决的问题. 在学习浏览器兼容性之前,我想把前端开发者划分为两类: 第一类是精确依照设计图开发的前端开发者,能够说是精确到1px的,他们非常easy就会发现设计图的不足,而且在非常少的情况下会碰到浏览器的兼容性问题,而这些问题往往都死浏览

常见的浏览器兼容性问题

浏览器兼容性问题一: 不同浏览器的标签默认的外补丁和内补丁不同(margin和padding) 问题症状:随便写几个标签,不加样式控制的情况下,各自的magin和padding差异较大. 解决方案:css里 *{margin:0;padding:0;} 浏览器兼容性问题二: 块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大. 问题症状:常见症状是ie6中后面的一块被顶到下一行 碰到频率:90%(稍微复杂点的页面都会碰到,float布局常见的浏览器兼容问题)

常见CSS浏览器兼容性问题与解决方案【转载自http://blog.csdn.net/chuyuqing/article/details/37561313/】

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题. 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都死浏览器

常见浏览器兼容性问题与解决方案css篇

浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大. 碰到频率:100% 解决方案:CSS里    *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0. 浏览器兼容问题二:块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大 问题症状:常见症状

浏览器兼容性问题及常见的解决方法

一.什么是浏览器兼容性问题 浏览器兼容性问题又称网页兼容性和网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致二产生浏览器和网页间的兼容问题.在网站的设计和制作中,做好浏览器兼容,才能够让网站在不同的浏览器下都正常显示.而对于浏览器软件的开发和设计,浏览器对标准的更好兼容能够给用户更好的使用体验. 二.浏览器兼容性问题产生原因 因为不同浏览器使用内核及所支持的HTML等网页语言标准不同:以及用户客户端的环境不同(如分辨率不同)造成的显示效果不能达到理想效果.最常见的问题就是网页元素位置混乱