안녕하세요
내용관리 페이지에서 html 소스에
유트브 공유소스 <iframe width="1000"
이렇게 넣으면 반응형 홈피라서 폰에서 가로가 짤리는데요
가로를 100%로 놓으면 pc에서 적용이 안되고 작게 나오는데요
어떻게 해야 퍼센트가 적용이 될까요
내용관리 페이지에서 답변 부탁드립니다!
|
답변 1개 / 댓글 2개
채택된 답변
+20 포인트
Feelz996
2년 전
<div class="video-wrap">
<iframe.....></iframe>
</div>
<style>
.video-wrap{position: relative;height: 0;padding-top: 56.25%;}
.video-wrap iframe{position: absolute;left:0;top:0;width: 100%;height: 100%;}
</style>
이런식으로 처리하시면 화면을 줄여도 반응형으로 처리됩니다.
답변에 대한 댓글 2개
2년 전
Feelz996
2년 전
위 소스를 그대로 넣으셨다면 내용관리에 iframe을 넣으실때 video-wrap으로 감싸셨나요?
감싸셨고 style.css 에 제대로 넣으셨다면 캐시 때문에 제대로 확인이 안되셨을수도 있는데
ctrl+f5눌러서 다시 한번 확인해 보셔야 할듯 합니다.
감싸셨고 style.css 에 제대로 넣으셨다면 캐시 때문에 제대로 확인이 안되셨을수도 있는데
ctrl+f5눌러서 다시 한번 확인해 보셔야 할듯 합니다.
답변을 작성하려면 로그인이 필요합니다.
content 폴더 안에 basic안에 style.css파일에 스타일 부분을 추가해서 적용해도 적용이 안되네요
왜 적용이 안될까요?