CSS浏览器不兼容原因分析及解决方案第1页2

在接下来的几个HTML编码元素的结尾,我希望你能指向你:
1个的大小。文本本身是不相容的。同样,字体大小:14px歌脚本在不同浏览器占据不同的空间。在IE中,它占有高16px,它有一个空白3px。在FF的领导下,它实际上占有很高的17px。空白空白1px,下部空白3px和歌剧更是不同的。解决方案:为文本设置行高度。确保所有的文本都有一个默认的行高值。这是非常重要的,在高我们不能容忍1px差异。

在2.ff,容器的高度是有限的,即在容器定义的高度,容器的边界的形状是确定的,它不会扩大内容。Ie会被内容和高度限制放大,所以不要轻易定义容器的高度。

三.还讨论了容器问题的内容,水平的,如果浮动容器没有定义宽度,FF的内容将尽可能的宽,而IE则优先考虑内容的折叠,因此,可能会损坏的浮动容器需要定义宽度。

小实验:有趣的是每个人都可以看看这个实验。


A. B.

C. D.

上面的代码在不同的浏览器中是不同的。实验起源于小高度值的div中的应用,以及小高度值应与溢流一起使用:hidden.the实验是有趣的。这说明,浏览器对容器边界的解释是完全不同的,容器的作用是不同的。

4。浮动间隙,FF不清楚浮子是不可能的。

纠正一个误区,满足不相容,说FF烂是错误的,事实上,更多的时候是IE的奇怪的表现让我们做什么。以下是IE6的种种劣迹。

5。最讨厌、双缘虫。在IE6,浮动容器定义为左边界或边缘的2倍,实际效果好。解决方法是定义显示:对于浮动容器内联。

6.mirrormargin bug,当外部元素有浮动元素,外部元件,如边缘上的定义:14 px,将自动生成边距:14px.padding也有类似的问题。他们在IE6的所有特殊产品。臭虫的出现相当复杂。它并不是唯一没有被系统整理的条件。解决方案:外部元素设置边框或设置浮动。

延伸:在FF和IE的容器底部的边距和填充底部的解释有时不一致,似乎与它有关。

7。吃的现象,限于篇幅,我将不会启动。或IE6,上下两部,上面的div设置背景,却发现下面的div的背景也有一个背景,这是吃的现象。上述背景吞噬现象,并对滚下架的情况下。解决方法:使用变焦镜头:变焦1.this似乎专为IE6的bug解决。

8。注释也可以产生一个bug较多的猪,这是前人使用的bug的一个拷贝。IE6下的bug,你会看到两次猪字在网页上,和重复能力随笔记数量。解决办法:用picrotate开始写注释的方法。

9。里加浮动,这是一个典型的不兼容问题,希望引起大家的脸,李将有不同的属性来解释不同的FF的影响,略懂解释,IE6的解释会让你困惑,因为问题的复杂性,将在一个特殊的论文讨论的问题。在文章UL利用心脏有相关的结果

10。用浮动:左;显示奇怪的表现:内联的UL。可以看出,这是一个显示:添加CSS内联在IE6双缘的bug,这也是我的CSS系统的重要组成部分,CSS用于UL让你痛苦的。所以,这里不说了啊啊啊啊啊。