您经常遇到的浏览器兼容性是什么？

遇到的频率: 100％

解决方案:

CSS里加线

1

* {边距: 0；填充: 0；}

注意: 这是解决浏览器兼容性问题的最常见和最容易的方法. 几乎所有CSS文件都以通配符*开头，以将每个标签的内部和外部补丁程序设置为0.

2，浏览器兼容性问题2: 块属性标签浮动后，有一个水平边距，该边距大于IE6中的设置

问题的症状: 常见症状是IE6中的下一个块位于下一行

遇到的频率: 90％（将遇到稍微复杂的页面，这是浮动布局最常见的浏览器兼容性问题）

解决方案: 将display: inline添加到float的标签样式控件中；将其转换为内联属性

注意: 最常用的是div + CSS布局，并且div是典型的块属性标签. 水平布局通常由div float实现. 如果水平间距是由边距设置的，那么这将是一个兼容性问题.

3，浏览器兼容性问题三: 设置一个小的高度标签（通常小于10px），在IE6，IE7中设置高度，并且游戏超出您设置的高度

问题的症状: 此标记在IE6、7和“迁移”中的高度不受控制，超过了您设置的高度.

遇到的频率: 60％

解决方案: 设置溢出: 对于超过高度的标签隐藏；否则，设置为隐藏. 或将行高设置为小于您设置的高度.

注意: 这种情况通常发生在带有小圆角背景的标签中. 出现此问题的原因是IE8之前的浏览器将为标签页提供最小的默认行高. 即使您的标签为空，标签的高度仍将达到默认的行高.

4，浏览器兼容性问题4: 内联属性标签，设置显示后的浮动布局: 块和水平边距，IE6间距错误

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

会议机会: 20％

解决方案: 添加显示: 内联后显示: 块；显示: 表格；

备注: 为了设置内联属性标签的宽度和高度，需要设置display: block;. 在使用浮动布局和水平边距后，在IE6中，在块属性浮动之后存在水平边距的错误. 但是，由于它是嵌入式属性标签，因此如果您添加display: inline，则无法设置其高度和宽度.

5，浏览器兼容性问题五: 图片默认为空白

问题的症状: 将几个img标记放在一起时，某些浏览器将具有默认间距，并且添加问题1中提到的通配符将不起作用.

会议机会: 20％

解决方案: 使用float属性来布局img

注意: 因为img标签是一个内联属性标签，所以只要不超过容器的宽度，img标签就会对齐，但是某些浏览器之间会留有空格. 这是使用float删除此间距的正确方法. （我的一个学生使用负边距. 尽管可以解决，但负边距本身是一种很容易引起浏览器兼容性问题的用法，所以我禁止他们使用它. ）

6，浏览器兼容性问题六: 最小标签高度设置的最小高度不兼容

问题的症状: 由于min-height本身是不兼容的CSS属性，因此设置min-height不能与各种浏览器兼容

会议机会: 5％

解决方案: 如果要将标签的最小高度设置为200px，则需要进行以下设置: {min-height: 200px;高度: 自动！重要;高度: 200px；溢出: 可见；}

备注: 当打开B / S系统的前端时，在许多情况下需要此需求. 当内容小于一个值（例如300px）时. 容器的高度为300像素；当内容高度大于此值时，将提高容器的高度，而不是滚动条. 此时，您将面临此兼容性问题.

浏览器兼容性解决方案:

1，对于普通用户:

您应该使用ie8兼容模式浏览网页，而不要使用ie9或ie10渲染模式. 安装ie10后，许多用户的网页显示混乱很多，这是兼容性的原因，因为ie10的默认呈现模式是ie10. 将其更改为ie7渲染模式.

使用ie6 / 7渲染模式的原因如下:

中国的所有网页都绝对支持常见的浏览器兼容问题，即支持所有支持内核的浏览器. 但是它不一定支持chrome，firefox，双核浏览器的高速模式. 原因很简单，Web开发人员没有太多时间去努力兼容和测试如此多的浏览器常见的浏览器兼容问题，因此开发人员可以使网页在Internet Explorer下正常运行.

2，适用于网站开发人员:

没有统一的工具可以解决此类问题. 最常见的解决方案是不断调试浏览器之间网页的显示效果. 通过css样式控制和脚本判断，并赋予不同的浏览器解析标准.

如果您想使用一个框架来实现想要的效果，那么还有另一种解决方案是在开发过程中使用当前流行的JS，CSS框架框架，例如jQuery，YUI等，因为这些框架是低层或应用程序层通常与浏览器兼容，因此您可以放心使用它.

此外，CSS提供了许多可供使用的hack接口，hack可以实现跨浏览器的兼容性，或同一浏览器的不同版本.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-161970-1.html