兼容性问题

CSS：

content 支持普通元素，ios 还支持图片替换

元素 fixed 定位，容器如果有 transform 不为 none 的值时，Firefox 下定位尺寸是基于视口计算的，位置是基于容器（spec change）。

overflow: auto 不能使 mobile chrome 中 position: sticky 的子元素负margin失效

// mobile chrome 的滚动背景也有问题

// IOS 下 -webkit-overflow-scrolling: touch + overflow 不为hidden，子元素都会被裁剪

// 整个滚动过程中 scroll 事件只在滚动结束后会被触发一次，问题是出在 -webkit-overflow-scrolling 上面 // js 实现: momentum scrolling

// 使用此效果会构造一个 stacking context

滚动中 scrollTop 属性不会变化。

手势可穿过其他元素触发元素滚动 // 没有这个属性也会（fixed会？）。。

滚动时暂停其他 transition

运行时通过 JS 动态添加元素溢出高度导致滚动失效 // 现在没有了？

引起子元素不能 overflow hidden // impress-fe Switch 组件

webkit + blink 会始终保持自己的padding， Firefox + Edge 会将内容显示在padding-box中。

webkit + blink 的textarea 的padding没有效果

contentEditable + text-overflow 效果很差，不能滚动，显示很差，兼容问题大

webkit 中inline-block元素中table 有2个或2个以上单元格，其中有一个宽度为100%，容器被撑大到100%；

SVG：

blink css transform-origin 的相对 box 默认是 border-box，不支持 transform-box 设置，firefox是 view-box。blink 中 view-box属性百分比值是相对于 svg 的 viewBox 属性值，而 Firefox 的 view-box 是只实际显示值，且 blink 不能使用0而必须使用0%

使用 xhr 请求非透明资源的时候没有 `xhr.readyState` 改变各不相同， Firefox 有2，4，Chrome，Safari 有4