浏览器兼容性问题（IE9+;PC）

HTML/CSS

1. 默认margin、padding不一致

    * {margin: 0;padding: 0;}

2. css3的animation

    IE9不支持

3. display: flex

    IE9不支持；IE10部分支持，使用display: ms-flexbox flexbugs@github

    IE10下，justify-content 对容器内的span不起作用，需要设置span display: block/inline-block

    IE11支持不加前缀的flex，且flex容器内部各部分宽度相同（与其他浏览器不一致），解决办法是设置容器内部各成员 width:        auto

    在 IE11 上 align-items 对于设置 min-height 的父元素不能实现垂直居中，改为设置height即可

4. 多个img放在一起时，部分浏览器会有默认间距

    img使用float布局

5. webkit / trident 中 iframe 有默认高度 其他无

6. IE11 th标签默认对齐方式为center，chrome为left，由于默认值的原因，若text-align是继承于父级的，也无效

9. IE11 button默认overflow:hidden，chrome为visible

10. PC上iframe内容超出时无法滚动，而移动端可滚动，且iframe内文本会自动换行

11. IE11 伪元素超出父元素边界的部分不会显示

1