前端常见的CSS兼容性问题有哪些呢

这篇文章给大家介绍前端常见的CSS兼容性问题有哪些呢，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

　　前端之CSS常见兼容性问题，让人头疼的CSS兼容。因为之前对css的理解不够深入,也没有经过系统的学习,所以一度认为css是前端最难的东西,但真的学习后,才发现css真的很难。

　　CSS常见兼容性问题

　　1、双倍浮动BUG：

　　描述：块状元素设置了float属性后，又设置了横向的margin值，在IE6下显示的margin值要比设置的值大；

　　解决方案：给float的元素添加display:inline;将其转换为内联元素；

　　2、表单元素行高不一致：

　　解决方案：

　　①、给表单元素添加vertical-align:middle;

　　②、给表单元素添加float:left；

　　3、IE6（默认16px为最小）不识别较小高度的标签（一般为10px）：

　　解决方案：

　　①、给标签添加overflow:hidden;

　　②、给标签添加font-size:0;

　　4、图片添加超链接时，在IE浏览器中会有蓝色的边框：

　　解决方案：

　　给图片添加border:0或者border：none;

　　CSS兼容性问题有什么

　　最小高度min-height不兼容IE6;

　　解决方案：

　　①、min-height:100px;_height:100px;

　　②、min-height:100px;height:auto!important;height:100px;

　　图片默认有间隙：

　　解决方案：

　　①、给img添加float属性；

　　②、给img添加display：block;

关于前端常见的CSS兼容性问题有哪些呢就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。