前端浏览器兼容性问题总结

1.如何在IE6及更早浏览器中定义小高度的容器？
      IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高。
      解决：#test{overflow:hidden;height:1px;font-size:0;line-height:0}

2.如何解决IE6及更早浏览器浮动时产生双倍边距的bug?
      解决：#test{_display:inline}//只有IE6识别

3.如何在IE6及更早浏览器下模拟min-height效果？
      解决：#test{min-height:100px;_height:100px}//IE6有个特征，当定义一个高度时，如果内容超过高度，元素会自动调整高度。

4.如何解决Chrome在应用transition时页面闪动的问题？
      解决：-webkit-transform-style:preserve-3d;或
                 -ebkit-backface-visibility:hidden;

5.火狐与IE对盒模型的解析不一致。
      解决：box-sizing:border-box;

未完。。。