Jsf 如何制作primefaces的Responsive对话框

我要做响应模态，帮帮我。 请你帮我一个忙

<p:dialog id="idModal" widgetVar="modalWV" modal="true" width="600" header="Titulo Modal">

   <h:panelGrid id="panelPermisoGuardar" columns="2" cellpadding="10" width="100%"
      //campos
   </p:panelGrid>
</p:dialog>

这就是我在响应屏幕上看到它的样子 正如我所说的那样，这是一种反应

我是这样解决的 我是苏黎世人

首先创建对话框，其中包含字段的面板。 联合国专家小组在坎波斯举行的会议

 <p:dialog id="modal" widgetVar="modalWV" modal="true" styleClass="modalResponsivo" header="Titulo Modal">

   <h:panelGrid id="idPanel" columns="2" width="100%" columnClasses="ui-g-12 ui-md-2,ui-g-12 ui-md-10" layout="grid">

   </h:panelGrid>

</p:dialog>

这看起来像一个全屏幕 我有一个完整的潘塔拉

这就是为什么它看起来是一个反应灵敏的屏幕

---

Y asíse ve en pantalla resposiva:

请用英语，或者用我已经翻译过的，虽然我已经解决了，非常感谢，我不知道

@media screen and (max-width: 768px ) {
  .modalResponsivo { width: 90% !important;} }

@media screen and (min-width: 1024px ) {
  .modalResponsivo { width: 30% !important; }
}