Angular 8 P-диалог - ipad - проблема с отзывчивостью

Question

Мы использовали p-диалоговое окно PrimeNG. Его отображение с помощью кнопки «Развернуть» и «Закрыть» на обычном рабочем столе. Но когда мы go видим ipad, диалоговое окно максимизации и закрытия кажется недоступным. Ниже p-диалог с уже добавленным [respive] = "true". Что еще нужно? любой другой атрибут? </p> <pre><code><p-dialog [modal]="true" [(visible)]="display" [responsive]="true" appendTo="body" > <div>contents goes here</div> </p-dialog>

Answer 1

primeng не реагирует на некоторые разрешения, которые вы можете использовать css. попробуйте это.

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

Answer 2

Спасибо за подсказку, Анку sh. Ниже работал код - </p> <pre><code>@media (min-width:768px) and (max-width: 1024px) { body .ui-dialog { margin-left: 5px; margin-right: -10px; } }