Angular 8 P-dialog - ipad - 响应问题

Question

我们使用了 PrimeNG p 对话框。 它在常规桌面尺寸上显示最大化和关闭按钮。 但是当我们进入 ipad 视图时，对话框最大化和关闭按钮似乎无法访问。 下面是已经添加了 [responsive]="true" 的 p-dialog。 还需要什么？ 任何其他属性？

 <p-dialog [modal]="true" [(visible)]="display" [responsive]="true" appendTo="body" > <div>contents goes here</div> </p-dialog>

Answer 1

在您可以使用 css 的某些分辨率下，primeng 没有响应。 尝试这个。

@media (min-width:768px) and (max-width: 1024px) {
    .ui-dialog{
       left: 50%;
       width: 500px;
       margin-left: -250px;
    }
}

Answer 2

感谢您的提示 Ankush。 下面的代码有效 -

 @media (min-width:768px) and (max-width: 1024px) { body .ui-dialog { margin-left: 5px; margin-right: -10px; } }