Question

我不是最擅长使用CSS来解决这些问题，我想知道是否有人能帮助我。

现在，我正在尝试完全用PHP构建一个pastebin项目。 PHP部分工作得很好，但我无法得到它。

无论如何，至关重要。

我有一个textarea标签，我想填满整个屏幕，除了下拉框和提交按钮，无论分辨率/缩放如何。

以下是我目前正在使用的源代码。

index.php：http://pastebin.com/DZJkFG0T style.css：http://pastebin.com/mdHYG7Xi

非常感谢任何可以提供帮助的人！

Answer 1

我的建议是使用js / jquery进行此操作。

$(function(){
function reSize() {
$('.textarea_class').css({'height':(($(window).height())-250)+'px'});
}
$(document).ready(reSize);
$(window).resize(reSize);
});

在上面的示例中，我已经说过-250px，但您应该只计算其他元素需要多少空间。

Answer 2

以下是您问题的CSS：

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; 
    margin: 0; 
}

body {
    background-color: #0099cc;
    color: #ffffff;
    font-size: 180%;
    margin: 10px;
}

.centre {
    text-align: center;
}

textarea {  /* position is inherited */
    left: 0; 
    top: 0; 
    right: 0;
    bottom: 100px;  /* Actually the height of select and input */
    width: 100%;
}

此外，jsfiddle还有完整的代码：http://jsfiddle.net/a3um2/

CSS中的“全屏”高度<textarea> </textarea>

2 个答案: