前端常见的CSS兼容性问题有哪些呢-创新互联

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

创新互联2013年开创至今，先为革吉等服务建站，革吉等地企业，进行企业商务咨询服务。为革吉企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

网站栏目：前端常见的CSS兼容性问题有哪些呢-创新互联
文章转载：http://mswzjz.cn/article/cdepcp.html

网站建设知识