jquery - 计算（百分比）到计算（像素）

Question

我想使用它在我的演示calc(100%-100px)中不起作用，因为高度只接受像素，所以如何将此百分比值转换为像素。

Answer 1

以下将为您提供身高：

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

设置值

$(window).height(800);
$(document).height(800);

或者你可以使用好的旧 Javascript

window.resizeTo(800, 600);

这是您在评论中要求的JSFiddle 。

Answer 2

试试这个：

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}

div {
    height: calc(100% - 100px); /* IE9+ and future browsers */
    height: -moz-calc(100% - 100px); /* Firefox */
    height: -webkit-calc(100% - 100px); /* Chrome, Safari */
    vertical-align: middle;
    background-color: yellow;
}

p{
    background-color: red;
    padding: 20px;
}

似乎表格单元格不允许 calc(...)

见：http: //jsfiddle.net/az4dB/3/

编辑：

看这个例子，改编自这篇很棒的帖子：。