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去掉。