jQuery Mobile Page小部件：set data-role：内容高度

Question

我有一个使用jQuery Mobile页面的网站。在台式机和平板电脑设备（@media only screen and (min-width: 800px)）上，我想显示如下页面：

我的问题：

1. 在某些网页上，＆＃39;内容＆＃39;区域将高于页眉和页脚之间的可用高度，我希望滚动条仅用于内容（页眉和页脚是固定的）。

2. 在其他网页上，＆＃39;内容＆＃39;的内容区域的高度将小于页眉和页脚之间的空间。但是，我需要内容区域是页眉和页脚之间可用空间的100％，以便按比例布置它的内容。

我已经尝试了各种jQuery和CSS（calc（...））解决方案，但它变得相当hacky。你能给我一个简单的解决方案吗？