javascript-primeNG中的对话框组件对移动视图无响应

我使用primeNG(Angular2)来显示模式：

<p-dialog appendTo="body" [(visible)]="displayCreateGateway" modal]="true" [width]="700">

当我在移动视图(小于声明的700px)上时,模式不会正确显示.例如：我的窗口宽度为500 px,但模态生成为700 px(正确的是width：100％).我认为这不是我的代码的错,因为在官方网站primeNG中情况是一样的.

你知道如何解决这个问题吗？最简单的方法可能是在CSS中添加媒体查询,但是从primeNG覆盖组件并不容易.也许对JS有帮助？

解决方法:

如果查看the documentation of the component,您将看到一个styleClass属性,其用法如下：

<p-dialog styleClass="myStyle">

当您这样做时,它将向该组件添加一个新类,使您可以根据需要设置其样式.