html - 使内容在高度方面更具响应性

Question

我正在努力使我的页面更具响应性。到目前为止，我有我网站的 Logo ，然后在它下面有两个内容行。该文本在任何不同的计算机屏幕分辨率下都像疯了似的上下移动，我希望它保持固定在屏幕上我想要的位置。实际上不是 position: fixed。我怎样才能使这些代码行更具响应性？

#homeTitle {
color: #FFFFFF;
    margin-top: 155px;
    font-size: 6em;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px #800000;
}
#homeTitlePart2 {
    color: #FFFFFF;
    float: right;
    padding-top: 40px;
    /*padding-right: 220px;*/
        padding-right: 20%;
    padding-bottom: 20px;
    font-size: 2.5em;
        font-family: 'Oswald', Helvetica;
        font-weight: 300; // 700 and 300 also available
}
#homeTitlePart3 {
    color: #FFFFFF;
    float: right;
    clear: both;
    padding: 10px, 10px, 10px, 10px;
        padding-right: 10%;
    font-size: 2.5em;
        font-family: 'Oswald', Helvetica;
        font-weight: 400; // 700 and 300 also available
}

我创建了一个 fiddle 来展示它现在的样子。

https://jsfiddle.net/6x9mz2d3/

Answer 1

使用max height,max width让你的页面更具响应性。获取更多信息 click here