Question

所以我遇到了角材料对话框的问题。

Mobile screenshot without chrome bar at top

但是当我打开对话框窗口时出现一些白线：

由于未显示chrome顶部栏，因此似乎发生了这种情况。有什么办法可以解决？

UPD：1 对话框代码：

this.dialog.open(HomeAboutUsComponent, {
  maxWidth: '300px',
  width: '90%',
  height: '80%',
  maxHeight: height + 'px',
  data: this.AboutUs[position]
})

CSS：

html{
   height: 100%;
}

body {
   margin:0;
   font-family: 'Open Sans', sans-serif;
   height: 100%;
}

还具有滚动样式：

body::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
   width: 12px;
   background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background-color: #555;
}

UPD 2：刚刚添加

html {
   background-color:black;
}

线变黑。

body {
   background-color:black;
}

也黑。

因此内容似乎有问题。也许是应用根用户或其他任何人。

UPD 3：

app-root {
   background-color:black;
}

白线。

app-root {
   height:100%; 
}

没有帮助。

移动版本中的空白（角度6 mat-dialog）

0 个答案: