2017-12-13 8 views
0

크기를 조정합니다.iframe을 내가 외부 소스 내가 iframe을 내용에 따라 자동 높이를하고 싶은</p> <pre><code><iframe id="idIframe" src="https://ssl.myexternallink.php" scrolling="no"></iframe> </code></pre> <p>와 iframe이있는 뷰포트 상대 단위

iframe { 
display: block; 
background: #dedede; 
border: none;  
height: 100vh;   
width: 100vw; 
overflow-x:hidden; 

}

작업을 완벽하게,하지만 난 (아약스 포스트를 통해)은 iframe 원격 페이지를 변경하는 경우, iframe이 높이가 새로 고쳐지지 않습니다 나는 시도했다. 나는 같은 솔루션 오순절 타이머를 사용할 수 없습니다 : 외부 페이지이기 때문에 나는 원산지 액세스 문제가 있기 때문에

을 사용할 수 없습니다. 해결책이 있습니까? 고마워요

+1

더 순수 CSS/HTML 솔루션이 없습니다. 자바 스크립트 솔루션은 크로스 원산지 문제를 해결하기 위해 존재하며 대부분은 원격 페이지가 호스트 페이지에'postMessage()'를 사용하는 것에 의존합니다. 가장 좋은 방법은 처음부터 무언가를 쓰지 않으려는 경우 iframe 높이 플러그인과 같은 것을 Google에 제공하는 것입니다. – delinear

답변