Question

大家好！我现在正在为我的一个朋友做一些免费工作，为我的投资组合做出贡献，让我继续学习。

一切都很好，看起来很棒，但不幸的是，我在尝试使一些内容响应方面遇到了很多麻烦。我正在使用Bootstrap网格框架。

好吧，所以我的CSS背景也需要响应。

＆＃13;

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

＆＃13;

这是一个白色的盒子，我创建的有点像子背景，覆盖了我的主要背景图片。

＆＃13;

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

＆＃13;

这是框内内容的CSS，这是一个段落和嵌入式Facebook视频。

＆＃13;

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

＆＃13;

这就是HTML。我想学习如何使这个移动友好/响应感谢你！

Answer 1

如果您使用％而非px，您会发现该网站将变得更具响应性

这可能有所帮助：http://www.w3schools.com/tags/ref_pxtoemconversion.asp

发布更多代码将有助于*

需要帮助使网站响应

1 个答案: