도움을 웹 사이트를 만드는 데 도움이 필요

모두! 나는 현재 내 친구가 내 포트폴리오에 공헌하고 나를 계속 배우는 자유로운 활동을하고 있습니다.도움을 웹 사이트를 만드는 데 도움이 필요

모든 것이 훌륭해 보이지만 불행히도 일부 콘텐츠를 반응 적으로 만들려고 많은 어려움을 겪고 있습니다. 부트 스트랩 그리드 프레임 워크를 사용하고 있습니다.

좋아요. 내 CSS도 응답 성이 필요합니다.

.boxmain { 
 
    background-color: white; 
 
    width: 100%; 
 
    height: 400px; 
 
    background-size: cover; 
 
    max-width: 100% 
 

 
}

내 주요 배경 이미지를 커버하는 서브 배경처럼 같은 종류의 만든 흰색 상자의

} 
 
.video { 
 
    padding-top: 30px; 
 
} 
 
.underh { 
 
    font-family: 'Oxygen', sans-serif; 
 
    font-weight: 100; 
 
    font-size: 22px; 
 
    padding-top: 33px; 
 
    margin-left: 20px; 
 
    max-width: 100%; 
 
}

단락 및 임베디드 페이스 북 비디오입니다 상자 안에 내용에 대한 CSS의

<div class="boxmain"> 
 
      <div class="container-fluid"> 
 
       <div class="row"> 
 
        <div class="col-xs-6"> 
 
        <div class="video"> 
 
        </div> 
 
        <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Feyeofthestormpro%2Fvideos%2F638067739703491%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe> 
 
        </div> 
 
        </div> 
 
        <div class="col-xs-6"> 
 
        <p class="underh">Eye of the Storm Productions is an entertainment business dedicated to its involvement in the electronic music scene. 
 
         We offer a large range of services to the underground electronic music scene and pride ourselves on the work that we do. 
 
         We offer our own selection of the best aspiring young DJs/Producers and photographers/cinematographers, as well as professionally run stage management solutions. 
 
         We have also partnered with Fulcrum Designs and Staging, to bring you the best in stage design and construction. Including custom shade sail installation and VJ services. 
 
        </p> 
 
        </div> 
 
       </div> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div>

HTML을의

. 이 모바일 친화적/반응 형으로 만드는 방법을 배우고 싶습니다. 감사합니다.

출처

2016-12-21 Charlie Fisher

도움이 될 것입니다? 그리고 이것이 당신의 첫 번째 게시물이라고 확신합니다. – Obink

필요한 것만 넣어 주실 수 있습니까? –

우선, 코드가 부트 스트래핑되어 있고 응답해야합니다. 나는 당신이 html head 또는 그 스크립트에서 무언가를 놓치고 있다고 생각한다. – Obink

-1

당신이 픽셀이 아닌 %를 사용하는 경우 웹 사이트가이 도움이 될 수

더 반응이 될 것이다 발견 할 것이다 : http://www.w3schools.com/tags/ref_pxtoemconversion.asp

후 더 많은 코드는 전체의 HTML 옳지 않아 *

출처

2016-12-21 00:21:35 Fabian

동의. 백분율은 좋으며 응답하지 않는 방식에 따라 @ 미디어 규칙이 유용 할 때가 많습니다. 체크 아웃. 우리가 어떤 방식으로 반응이 없는지 알려주십시오. 우리는 당신에게 더 많은 것을 줄 수 있습니다. –

나는 CSS3보다는 CSS로 대답했고, 나는 @media 규칙에 많은 경험이 없었습니다. – Fabian

도움을 웹 사이트를 만드는 데 도움이 필요

답변

관련 문제