带AngularDart的角组件应用程序布局

带AngularDart的角组件应用程序布局,dart,angular-dart,angular-components,dart-html,dart-webui,Dart,Angular Dart,Angular Components,Dart Html,Dart Webui,材料导航项在应用标题上与设备宽度为320px的角度组件的应用布局重叠,导航项之间的空间超出要求。 那么,如何通过应用程序布局解决这两个问题呢?救命啊 app_component.html 这是一些抽屉里的东西。 我的申请 导航类=“物料导航”> 选择权 app_component.css header{ } .material-header-row { background-color: #212121; align-content: center; } @media scr

材料导航项在应用标题上与设备宽度为320px的角度组件的应用布局重叠,导航项之间的空间超出要求。 那么,如何通过应用程序布局解决这两个问题呢?救命啊

app_component.html


这是一些抽屉里的东西。
我的申请
导航类=“物料导航”>
选择权
app_component.css

header{

}

.material-header-row {
  background-color: #212121;
  align-content: center;
 }

@media screen and (max-width: 320px) {

  header {
      width: 100%;
  }
 }
即使应用程序布局在宽度为320px和480px的媒体上也没有响应


简单的答案是从按钮中删除材质导航。因为“材质”按钮已经提供了必要的填充,所以不需要它。事实上,根本不需要为按钮使用导航元素

也就是说,这确实暴露了一个bug。导航链接边距是其应有边距的两倍。48px而不是24px。我会解决这个问题,并更新文档,使之更清晰


感谢您找到该漏洞并使用angular_组件

如果您随意使用,您可能需要向我们展示一些模板代码和CSS:我已经在问题中添加了代码