휴대 기기에서 SoundCloud 플레이어와 국경을 돌리는 데 문제가있었습니다. 높이와 너비를 자동으로 설정하고 반응 형으로 고정했지만 플레이어가 국경에 맞지 않습니다. 또한 바탕 화면에서 뻗어 있습니다.반응 형 콘텐츠가 늘어납니다.
이것은 HTML과 CSS로 반응이 좋지만 테두리와 플레이어는 적합하지 않습니다.
.frame_outer iframe{
padding: 50px 49px;
background: url(http://www.dontcursekids.com/wp-content/uploads/2017/09/Border-1.png);
background-size: 100% 100%;
}
<div class="frame_outer" style="padding: 18px; width: auto; height: auto; text-align: center;"><iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/280952276&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false" width="100%" height="220" frameborder="no" scrolling="no"></iframe></div>
내 CSS는 그게 전부가를 던지는와의 뭔가를 믿고있어. 올바른 방향으로 어떤 도움이나 가이드라도 크게 감사 할 것입니다. 기본 box-sizing:content-box;
의 iframe 대응의 폭이 부드럽게됩니다 있도록, iframe을에 padding: 50px 49px;
및 width:100%
를 추가하기 때문에
전체 페이지 iframe이이 새로운 요구 사항을 충족 할 수있는 테두리 이미지 – Hash
의 외출? – JiangangXiong
내 질문이 아니라, 내가 무엇을 볼 수 있는지 알려주는 것. – Hash