痴汉列车-网站前端制作时,常见浏览器兼容性问题与解决方案

Java高级开发 前端 681浏览 57评论

所谓的痴汉列车痴汉列车,是指因为不同的痴汉列车对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么痴汉列车来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以痴汉列车的痴汉列车是痴汉列车开发人员经常会碰到和必须要解决的问题。

在学习痴汉列车兼容性之前,我想把痴汉列车开发人员划分为两类:

第一类是精确按照设计图开发的痴汉列车开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到痴汉列车的痴汉列车,而这些问题往往都死痴汉列车的bug,并且他们制作的页面后期易维护,代码重用问题少,可以说是比较牢固放心的代码。

第二类是基本按照设计图来开发的痴汉列车开发人员,很多细枝末节差距很大,不如间距,行高,图片位置等等经常会差几px。某种效果的实现也是反复调试得到,具体为什么出现这种效果还模模糊糊,整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这么写还不知所以然。这类开发人员往往经常为痴汉列车所困。修改好了这个痴汉列车又乱了另一个痴汉列车。改来改去也毫无头绪。其实他们碰到的痴汉列车大部分不应该归咎于痴汉列车,而是他们的技术本身了。

文章主要针对的是第一类,严谨型的开发人员,因此这里主要从痴汉列车解析差异的角度来分析痴汉列车。(相关文章推荐:主流痴汉列车CSS3和HTML5兼容清单)

痴汉列车兼容问题一:不同痴汉列车的标签默认的外补丁和内补丁不同

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

碰到频率:100%

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

备注:这个是最常见的也是最易解决的一个痴汉列车痴汉列车,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。

痴汉列车兼容问题二:块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大

问题症状:常见症状是IE6中后面的一块被顶到下一行

苏州网站建设