iframe отзывчиво: если размер содержимого окна iframe изменяется? - PullRequest
0 голосов
/ 05 сентября 2018

Помогите мне найти решение для адаптивного окна iframe. Например: если размер содержимого окна iframe изменяется, размер iframe автоматически изменяется в родительском окне.

Примечание : в окне iframe динамическое содержимое.

1 Ответ

0 голосов
/ 05 сентября 2018

Я нашел решение от Avi:

// HTML

<div class="myIframe"> 
   <iframe> </iframe> 
</div>

// CSS

.myIframe {
     position: relative;
     padding-bottom: 65.25%;
     padding-top: 30px;
     height: 0;
     overflow: auto; 
     -webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
     border: solid black 1px;
} 
.myIframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...