は、ウェブサイトの反応を助ける必要があります

Question

みんな！私は現在、私の友人が自分のポートフォリオに貢献し、私の足で学習を続けさせるための無料の仕事をしています。

すべてがうまくいっていますが、残念ながら、私はコンテンツの一部を反応的にしようとすると多くの問題を抱えています。私はブートストラップグリッドフレームワークを使用しています。

ここでも私のCSSは、応答性が必要なバックグラウンドです。私は私のメインの背景画像をカバーし、サブ背景の種類等として作成した白い箱です

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

 
}

。段落と埋め込まれたFacebookのビデオでボックス内のコンテンツのためのCSSです

} 
 
.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%; 
 
}

。 HTMLだ

<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>

。 私はこのモバイルフレンドリー/レスポンシブにあなたに感謝する方法を学びたいと思います！

Answer 1

あなたはピクセルではなく、％を使用する場合は、ウェブサイトはこれが役立つかもしれ

より敏感になりますでしょう：http://www.w3schools.com/tags/ref_pxtoemconversion.asp

ポストより多くのコードが、それは完全なHTML権利はありません*