【发布时间】：2019-07-29 21:50:06
【问题描述】：
snackbar 过大只发生在部署版本上，我不知道是什么原因造成的。但是我希望有人可以帮助了解在 stackblitz 项目中可以进行哪些更改，以使该错误不会在部署时出现。或者这严格来说是一个 stackblitz 到 firebase 部署的错误？
我发现了对类似问题here 的引用，该解决方案似乎很简单，并且是由于未正确关闭 html 标记或没有 html 文档类型声明。但是我尝试检查这两件事，部署后仍然发生。
重现步骤：
- 在 stackblitz 中打开 Basic snack-bar example。
- fork 项目并通过 stackblitz 执行 firebase 部署。
- 在 Safari 中打开 deployed project 并召唤一个小吃店。
预期行为：
小吃店
实际行为：
超大的巨型小吃店
环境：
Safari，在 Mac OS 和 IOS 上
【问题讨论】：
-
我会大胆猜测，说 safari 在
.mat-simple-snackbar上的height: 100%;属性存在问题。您可以尝试手动限制它，但如果您有多行小吃店，则可能会出现问题 -
快速测试在 Edge 上显示了相同的问题。您可以尝试使用
height: auto;对 height 属性进行过度收费。它似乎适用于 Edge，但您可能需要检查其他浏览器是否有回归。 -
这与 Firebase 托管没有任何关系。它只是提供您部署到它的静态内容。
-
@DougStevenson 谢谢，所以它一定与 stackblitz 部署静态内容的方式有关，这与它在 stackblitz 中的服务方式不同。
标签： angular safari angular-material firebase-hosting stackblitz