浏览器兼容性问题(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

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值