这篇文章给大家介绍前端常见的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兼容性问题有哪些呢就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
