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