https://happist.com/548829/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-tips%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8-%EC%97%86%EC%9D%B4-%EC%9C%A0%ED%8A%9C%EB%B8%8C-%EA%B0%80%EB%A1%9C-100-%EB%B0%98%EC%9D%91%ED%98%95-%EC%A0%81/

이곳 코드적용 으로 완전히 해결 하였습니다..

혹시 저 같이 고생하는 분들을 위하여 글을 남깁니다..

올려주신 링크의 코드가 워드프레스에서는 정상 동작하는지는 확인해보셔야 할 듯합니다.

CSS 코드는

워드프레스 관리자 -> 테마 디자인(외모) -> 사용자 정의하기 -> CSS 입력 필드에 추가해보시겠어요?

HTML 코드는 워드프레스 내장 에디터를 사용 중이시라면

텍스트 모드에서 추가해보세요.

테마 관련된 문제는 사용 중이신 테마 제작자에게도 문의해보시는 게 좋을 듯합니다.

고맙습니다.

https://erim1005.tistory.com/63

이글이 있는데 이걸 function.php 에 넣은 방법좀 알려주세요

아마도 다른 테마는 이런 소스가 넣어져 있나본데

이 테마는.....

답변 계속 달아 주시고 해결 해주셔서 감사드립니다.

<iframe> 태그의 높이를 auto로도 설정해서 확인해보시겠어요?

크롬 브라우저 개발자 도구(F12)를 활용하시면

CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

고맙습니다.

다른 테마에선 이런 문제가 없는데

유독 이 테마만 이러네요

테마 자체는 맘에 드는데 모바일 에서 유튜브 링크 하나 때문에...

기존의 코드 대신 아래의 코드로 교체해보세요.

#content .entry-content iframe { max-width: 100%; height: 200px; }

위의 코드에서 픽셀 크기는 적절히 조절해보세요.

고맙습니다.

좌우폭이 테마에 맞게 고정이 되었습니다..

그런데 상하폭은 여전히 크네요

혹시나 해서 width 를 height 로 바꿔서 추가 적용해도 안되는데

상하까지 맞추는 법좀 알려주세요

추가로 구글링 해서

#content .entry-content iframe { max-height 100vh; }

로 해봐도 안되네요 ..

올려주신 페이지에서 아이프레임 영역이 테마에서 설정한 너비를 벗어나는 문제는

워드프레스 관리자 -> 테마 디자인(외모) -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

#content .entry-content iframe { max-width: 100%; }

CSS 코드 수정 후에는 반드시 브라우저의 캐시를 비우신 후 확인해보세요.

크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

고맙습니다.