排版兼容性问题

IE下的问题

IE8

  • 不支持css3属性,特别是背景图片size,position,对于圆角可使用PIE.js
  • 无法使用media query, 通过插件完成
  • 强制IE8使用最新的内核渲染页面
  • 不支持图片opacity,但是可以设置滤镜完成
  • max-width在嵌套下有问题

    IE9

  • canvas的height不能设置为auto,要么固定,要么动态计算赋值,建议使用Img替代canvas

    Firefox

  • 图片动画抖动,添加translate3d(0,0,0)

    Chrome

通用

原文: https://leohxj.gitbooks.io/front-end-database/content/problems-in-develop-webapp/layout-compatibility.html