워드프레스 게시판 카드갤러리에 iframe 으로 유튜브 동영상을 삽입해서 잘 쓰게 됐습니다.
그런데 모바일에서 게시물을 보게 될 경우.
게시물은 사진과 유튜브 동영상을 같이 올려놓은 것인데.
사진 같은 경우는 모바일 사이즈에 맞춰서 축소가 됐는데
유튜브는 크기 축소가 맞춰지지 않아서 3분의 1 정도로 보이고 오른쪽은 잘려서 나오더군요.
http://monggri.com/illust-l/?uid=49&mod=document
혹시 사진과 같이 유튜브 동영상도 모바일 사이즈에 맞춰지게 반응하게 할 수 있는 방법이 있을까요?
테마의 style.css 파일 또는 커스텀 CSS에 아래 코드를 추가해서 테스트 해보시겠어요?
.kboard-content iframe { max-width: 100%; }