<span id="Label3"><p>所谓的浏览器兼容性问题，是因为不同浏览器对同一段代码有不同的解析，造成页面显示效果不同的情况。而我们的需求是不同浏览器打开我们的网站效果是一致的，所以前端开发之前必须把兼容性问题解决。</p> 讯享网
一：不同浏览器内容之间默认的内边距与外边距不同。
解决：在css开头里加入 * { padding : 0; margin : 0 ; } 通配符来设置浏览器的内，外边距都为0。
二：设置块级margin X像素时，ie6显示margn比设置打的大。
解决：同样css中加入 { padding : 0; margin : 0 ; } ，这个样式解决很多兼容问题。
三：设置 min-height样式时，ie6，ie7，遨游超出自身设置的高度。
解决：给超出的高度标签设置 overflow:hidden ，或者设置行高line-height 小于你设置的高度。
四：行内标签设置 display : block 设置float : left后，ie6仍然存在边距问题。
解决：在display : block; 后面加入display : inline;display : table。
五：图片默认有间距
解决：使用float属性或者margin布局。
第六：标签最低高度设置min-height不兼容
解决：如果我们要设置一个标签的最小高度200px，需要进行的设置为：{ min-height : 200px; height : auto !important; height : 200px; overflow : visible; }
第七：透明度的兼容
解决：CSS hack。 我们可以把浏览器分为三类：ie6，ie7，遨游。ie6使用 _ 开头，ie7使用 * 开头，ie8使用 /9结尾。
浏览器的兼容性问题与解决
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/208409.html