홈페이지 메인에 유튜브 화면이 가로로 하면 짤려서 나와요. 채택완료
http://www.namandong.co.kr/" rel="nofollow noreferrer noopener" target="_blank">http://www.namandong.co.kr
핸드폰 화면 세로로 할때는 잘 나오는 부분은 아래 링크를 보면 지난번에 좋은분의 도움으로 해결이 되었는데요.
http://www.namandong.co.kr/theme/mint/css/mobile.css" rel="nofollow noreferrer noopener" target="_blank">http://www.namandong.co.kr/theme/mint/css/mobile.css
위의 스크립트에 아래 코드를 넣어서 해결을 했습니다.
@media screen and (max-width: 640px){
#lt_board {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 9/16 = 56.25% */
height: 0;
overflow: hidden;
}
#lt_board iframe {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
}
}
그런데 아래 그림을 보시면 핸드폰 화면 가로로 할때에는 짤리네요.
혹시 css 도움 주실 분 없으신가요
도움주셔서 미리 감사합니다.
http://sir.kr/data/editor/2505/3024103413_1748122855.8329.jpg" width="100%" />
답변 2개
아래 css코드 넣어보세요
</p>
<p>@media (orientation: landscape) {
#lt_board {
position: relative;
}
#lt_board::before {
display: block;
padding-top: 56.25%;
content: "";
}
#lt_board>iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}
}</p>
<p>답변에 대한 댓글 4개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인