vimeo영상 모바일 사이즈 최적화 질문드립니다. 채택완료
smltree
1년 전
조회 2,020
당연한 이야기지만
<iframe style="width:800px;height:450px;" src="https://player.vimeo.com/video/.......>
이렇게 게시물을 올리면 pc에서는 800사이즈로 잘 나오는데
모바일에서는 사이즈가 정해져 있어서 잘립니다.
width를 100%로 했더니 pc에서 쬐끄맣게 나오더라구요
pc에서는 800 사이즈로, 모바일에서는 100%로 나오게 하려면 어떻게 해야 할까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
1년 전
</p>
<p><style>
iframe[src*="player.vimeo.com"] {
width:800px;
height:450px;
}</p>
<p>@media only screen and (max-device-width: 640px) {
iframe[src*="player.vimeo.com"] {
width:100%;
height:100%;
}
}
</style></p>
<p><iframe src="<a href="https://player.vimeo.com/video/226053498?h=a1599a8ee9"" target="_blank" rel="noopener noreferrer">https://player.vimeo.com/video/226053498?h=a1599a8ee9"</a> frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
s
smltree
1년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
덕분에 잘 해결되었습니다~^^