我使用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">
当您这样做时,它将向该组件添加一个新类,使您可以根据需要设置其样式.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。