MDL中的自适应CSS高度

Question

我有一个基于MDL的网站，我在中心有一个很大的标题。我把一个盒子放在后面，看看文字。

Here is the CodePen

目标是，当人们调整窗口大小（例如移动设备）时，框会在文本高度调整大小。

我们怎么做？

这是我的CSS;

.non-logged-in> .title-header-back {
        position: fixed;
        height: 100px;
        padding: 16px;
        background: rgba(0, 0, 0, 0.2);
}
.title-header {
        color: #fff;
}

我的HTML

<main class="mdl-layout__content mdl-typography--text-center">
    <div class="non-logged-in">
    <div class="title-header-back">
           <h1 class="non-logged-in title-header">Un bus à votre image</h1>
    </div>
    </div>
</main>

由于

Answer 1

不是将固定高度设置为100px，而是将其设置为import requests from bs4 import BeautifulSoup body = {'email':'xxxx@hotmail.com','pass':'xxxxx',} con = requests.post('https://www.facebook.com', data=body) s = BeautifulSoup(con.content) print (s) 。