webkit 坑
aspect-ratio: 1; 有些情况下并不是正方形
flex项目如果是img不会随width属性自动等比缩放height(跟普通img标签的特性不一致)
iframe的srcdoc属性的文档不会触发load事件，尽管里面有link标签的资源
元素的主体无论以何种方式，只要在页面中不可见，其drop-shadow是不可见；实体部分哪怕有1像素可见，则drop-shadow完全可见。
低版本 webkit 坑：
svg ： document.querySelectorAll('textPath') 不能用 传统的getid getclass 可以用
不能用css控制svg，得操作dom style属性
Image对象重新添加已经加载的src之后不触发onload，而canvas里面画Image的话 safari 必须要Image load完