ie兼容

IE兼容

问题一:在IE中块属性浮动时margin会产生两倍的间距

解决方案:加入display:inline;将其转化为行内属性

  

想要效果ie兼容_第1张图片 产生两倍间距效果ie兼容_第2张图片

 ie兼容_第3张图片

 

问题二:在IE中无法设置较小的高度

 ie兼容_第4张图片   ie兼容_第5张图片

解决方法:1、font-size 2

 ie兼容_第6张图片  ie兼容_第7张图片

 

 

问题三:IE6不支持display: inline-block;设置

解决方法:使用display: inline;

ie兼容_第8张图片

 ie兼容_第9张图片

ie兼容_第10张图片

 

 

问题四:IE6不支持最小宽度

解决方法:添加  width: auto !important;  width: 100px;

 ie兼容_第11张图片ie兼容_第12张图片

ie兼容_第13张图片ie兼容_第14张图片

  

   

问题五:在父级元素下的子元素不再其内,而跨出了边界

解决方法:加入position: relative;属性

ie兼容_第15张图片

ie兼容_第16张图片

解决效果:

ie兼容_第17张图片ie兼容_第18张图片



 问题6:设置list的空行ie兼容_第19张图片

解决方案:

1。


2.

ie兼容_第20张图片







你可能感兴趣的:(总结)