排版兼容性问题

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

通用

• 如何解决inline-block元素的空白间距

  参考资料

• 前端兼容性不完全指南

• 「HTML5,CSS3」viewport 兼容性问题
• 网页布局中的常见的兼容性问题

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