如何为第1/2部分全屏幕制作背景颜色？

Question

如何为第1/2部分全屏幕制作背景颜色？

http://codepen.io/ldocherty1/pen/KWGWxz

<div id="sections">

        <div class="section one">



        <a href="#section two"> <i class="fa fa-angle-down" style="font-size:100px;"></i></a>



        </div>
        <div class="section two"></div>
    </div>

Answer 1

您希望使用VH length unit in CSS，此代表视口高度，还有其对应的vw代表视口宽度

这些的简单例子是：

CSS：

div {
     display:block;
     height: 50vh;
     background-color:#c00;
} 

HTML：

<div>
This div will take up 50% height of the viewport that contains it</div>

如果没有在问题中看到您的CSS代码，我无法给您一个绝对的答案，但您将通过自己使用这些知识自己玩代码来了解更多信息。要使<div>屏幕高度的一半设置为：div { height: 50vh; }。

（您可能还必须设置min-height之类的内容和/或考虑其他更复杂的CSS流程，具体取决于您的确切DOM结构）