浏览器的兼容性问题与解决
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浏览器的兼容性问题与解决相关的知识,希望对你有一定的参考价值。
所谓的浏览器兼容性问题,是因为不同浏览器对同一段代码有不同的解析,造成页面显示效果不同的情况。而我们的需求是不同浏览器打开我们的网站效果是一致的,所以前端开发之前必须把兼容性问题解决。
一:不同浏览器内容之间默认的内边距与外边距不同。
解决:在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结尾。
以上是关于浏览器的兼容性问题与解决的主要内容,如果未能解决你的问题,请参考以下文章