iframe의 크기를 조정하는 방법은 무엇입니까? (css media queries?)

Question

안녕하세요, 저는 브라우저 창 크기에 따라 iframe의 크기를 조정하려고합니다.하지만 높이와 너비가 모두 바뀌 었습니다. 내가 혼란스러워하는 것에 대한 약간의 설명을 정말로 바르게 평가할 것인가.

CSS 형식의 미디어 쿼리 사용 방법은 화면 크기에 따라 diff 스타일 시트를 사용하지만 iframe 내부의 너비와 너비를 미리 정의해야 할 때 다른 웹 사이트에있는 iframe에 어떻게 적용됩니까?

iframe 내부에 높이와 너비를 정의해야합니까? 또는 미디어 쿼리를 사용하여 iframe이 포함 된 탐색 창의 크기를 감지 한 다음 높이 및 너비 값을 설정합니다.

예를 들어 정상적으로 iframe에있는 것이지만 다른 웹 사이트가 아이폰에서 제공되는 것처럼 iframe을 얻으려면 어떻게해야합니까?

아니면 뭔가 빠졌습니까?

Answer 1

iframe 높이/너비를 백분율로 설정해보십시오. 좋아요 :

<iframe height="100%" width="100%"></iframe> 

이렇게하면 부모 컨테이너에 따라 가능한 최대 크기로 iframe이 확장됩니다.