Angular Material 和 Safari 浏览器
Angular Material and the Safari Browser
我注意到 Safari 在 Angular Material 下运行不佳。看起来兼容性问题无处不在：样式、布局等。有没有其他人遇到过这些问题并且对如何很好地解决这些问题有很好的建议？
提问的时候，Safari中Angular Material确实有问题：
- 布局（主要是与 flex 相关的问题）
- 对话框（位置计算错误/对话框折叠）
- 性能（一些精美的动画，包括涟漪、点击坐标缩放等）
您使用的 Angular Material 版本为 < v0.10.1，实际上一般情况下存在很多问题。然而，如今（实际上在 Angular Material v1.x 之后），这些问题都消失了（不仅在 Safari 中）。
Angular Material 变得更加稳定和高效（7000 多个已关闭的问题就是证明）。现在 Flexbox 也得到了更好的支持，这是 < 1.x.
版本的许多布局问题的原因
对于今天发现 运行 Angular Material < v1.x, 问题的任何人，答案很简单：升级 Angular Material 到更新版本，最好是 v1.1+.
我在 package.json 中使用 angular material https://material.angular.io 版本是 "@angular/material": "2.0.0-beta.12" 并且它在 crome 中工作正常浏览器但 style/layout/font 在 safari 浏览器 V 5.1.7(7534.57.2) 中出现故障。
这是一些示例控件的屏幕截图
我注意到 Safari 在 Angular Material 下运行不佳。看起来兼容性问题无处不在：样式、布局等。有没有其他人遇到过这些问题并且对如何很好地解决这些问题有很好的建议？
提问的时候，Safari中Angular Material确实有问题：
- 布局（主要是与 flex 相关的问题）
- 对话框（位置计算错误/对话框折叠）
- 性能（一些精美的动画，包括涟漪、点击坐标缩放等）
您使用的 Angular Material 版本为 < v0.10.1，实际上一般情况下存在很多问题。然而，如今（实际上在 Angular Material v1.x 之后），这些问题都消失了（不仅在 Safari 中）。
Angular Material 变得更加稳定和高效（7000 多个已关闭的问题就是证明）。现在 Flexbox 也得到了更好的支持，这是 < 1.x.
版本的许多布局问题的原因对于今天发现 运行 Angular Material < v1.x, 问题的任何人，答案很简单：升级 Angular Material 到更新版本，最好是 v1.1+.
我在 package.json 中使用 angular material https://material.angular.io 版本是 "@angular/material": "2.0.0-beta.12" 并且它在 crome 中工作正常浏览器但 style/layout/font 在 safari 浏览器 V 5.1.7(7534.57.2) 中出现故障。
这是一些示例控件的屏幕截图