PC端浏览器兼容性
1.在IE9及以下如果图片加a标签会默认自带一个边框 解决方案:img{border:none;} 2.display:inline-block IE7以下不支持 解决方案:display:inline-block;*display:inline; 3.默认的body没有body去掉margin情况下IE5、6、7边缘会很宽margin-top加倍 解决方案:body:{margin:0;} 4…min-height不兼容 ie6 解决方案: min-height:200px; height:auto !important; height:200px; overflow:visible; 5.如何在IE9以下版本的浏览器支持圆角的特性
移动端浏览器兼容性
1.【UC浏览器】video标签脱离文档流 标签的父元素设置transform样式后,标签会脱离文档流 解决方案:不使用transform属性。translate用top、margin等属性替代 2.【Chrome Mobile】fixed元素无法点击 父元素设置position: fixed;子元素设置position: absolute; 此时,如果父元素/子元素还设置了overflow: hidden 则出现“父元素遮挡该子元素“的bug。 解决方案:把父元素和子元素的overflow: hidden去掉。