Bootstrap 4 Модальное наложение не отображается по центру в окне просмотра через Iframe - PullRequest
Новая
       56

Bootstrap 4 Модальное наложение не отображается по центру в окне просмотра через Iframe

1 голос
/ 17 апреля 2019

Я сделал приложение, написанное на VueJs с Bootstrap 4. Когда модальное всплывающее окно появляется в области просмотра, оно центрируется как наложение.

Когда я просматриваю это приложение через <iframe> при Safari Mobile Version 12 , содержимое отображается правильно внутри него, модальное всплывающее окно находится вверху (ось Y) области просмотра, но оно не центрировано на экране мобильного устройства, и пользователь должен прокрутить до верха вчтобы увидеть его.

Я также протестировал его в Desktop Safari, чтобы смоделировать это поведение и работает нормально.Это код iframe, который я использую, и правила css. 

<html>
 <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="description" content="Games">
      <style>
         html, body, iframe {
             height: 100%;
             width: 100%;
             margin: 0;
             padding: 0;
         }
         body { 
             overflow: hidden; 
         }
     </style>
 </head>
 <body>
   <iframe src="https://domain/path/to/ΜοbileGames" frameborder="no"> 
   </iframe>
 </body>
</html>

Я протестировал некоторые css для iframe и не смог их сделать.Есть идеи?

...