Angular material 全屏布局被 Google 登录按钮破坏

Question

我正在尝试在全屏 Angular Material 布局（基于 https://github.com/angular/material-start）中使用 Google 登录按钮，但是一旦它呈现，页面布局长得比全屏略高。例如，您可以向下滚动一点点，越过所谓的全高侧边导航，然后看到它的阴影。

该按钮对我的布局有何影响，如何在使用该按钮时修复全屏布局？

Answer 1

这可以通过向嵌入页面添加样式到 display: none iframe 来解决，否则 1 像素的问题会被推到屏幕外。在我的测试中，它在完全隐藏时仍然可以正常工作。