Angular Material 和 Safari 浏览器答案

【问题标题】：Angular Material and the Safari BrowserAngular Material 和 Safari 浏览器
【发布时间】：2015-08-12 21:08:09
【问题描述】：

我注意到 Safari 不适用于 Angular Material。看起来兼容性问题无处不在：样式、布局等。有没有其他人遇到过这些问题，并且对如何很好地解决这些问题有好的建议？

【问题讨论】：

这里相同 - 我在 Safari 中看到的问题甚至在 IE 中都不存在，更不用说 FF 或 Chrome。值得注意的是，我们有很多 md-content 崩溃（高度：0）的案例，显然根本没有充分的理由，完全隐藏了整个布局部分等。
似乎是layout-fill 属性。 height:100% 是导致 Safari 崩溃问题的原因。
这个案例问题：github.com/angular/material/issues/1720 似乎对我的 safari 布局有很大帮助
您升级到最新版本的 Angular Material 了吗？我正在使用 1.0.4 并没有看到这些问题。
如果您没有具体问题，很难回答您的问题。我已经能够生成多个角度材质应用程序，这些应用程序可以在多个设备和浏览器上一致地工作。例如，对于@alicona 的问题，我在父级上使用了layout-column，然后子级将是layout-row layout-wrap，效果很好。对于md-content 不是可滚动区域或折叠区域，您可能必须将md-content 包裹在另一个md-content 中...

标签： javascript angularjs safari material-design angular-material

【解决方案1】：

在提问的时候，Safari中的Angular Material确实存在问题：

布局（主要是与 flex 相关的问题）
对话框（位置计算错误/对话框折叠）
性能（一些精美的动画，包括波纹、点击坐标缩放等）

您使用的是版本 v0.10.1 的 Angular Material，实际上总体上存在很多问题。然而，现在（实际上是在 Angular Material v1.x 之后），这些问题都消失了（不仅在 Safari 中）。

Angular Material 变得更加稳定和高性能（这就是 7000 多个已关闭问题的证明）。现在 Flexbox 也得到了更好的支持，这也是

对于今天遇到运行 Angular Material v1.x 的问题的任何人，答案很简单：将 Angular Material 升级到更新版本，最好是 v1.1+。

【讨论】：

投了反对票，因为这目前不是解决方案。从 v6.4.0 开始，Angular 材料在 Safari 中仍然存在问题。
在 ^10.2.7 中的标签仍然存在问题
safari/angular cli 8.3.29/material 8.2.3 出了点问题，远远超出了所谓的兼容性点

【解决方案2】：

我在 package.json 版本中使用角度材料 https://material.angular.io 是 "@angular/material": "2.0.0-beta.12" 并且它在 crome 浏览器中工作正常，但风格/布局/字体在 safari 中中断浏览器 V 5.1.7(7534.57.2)。这是一些示例控件的屏幕截图

【讨论】：