我正在尝试让我的网站在移动设备上很好地展示。我有一个固定在顶部的标题，高度为70px。我有一个主菜单作为页脚，固定在底部，高度为250px。
其间的内容是一个接一个的多张图片。我希望每张图片准确占据“标题”和“页脚”之间的剩余高度。
我需要这个才能在移动设备上工作，所以我不想将图像的高度设置为静态高度（即：在320x480设备上我可以计算出高度为480-70-250 = 160px但我需要它也可以在360x640px的设备上工作。
答案 0 :(得分：0)
使用jQuery，将图像的高度设置为窗口的高度减去页眉和页脚的高度：
$('img').height($(window).height() - 70 - 250);
答案 1 :(得分：0)
您应该查看CSS Calc https://css-tricks.com/a-couple-of-use-cases-for-calc/以及视口单元https://css-tricks.com/the-lengths-of-css/
您可以执行以下操作：
height: calc(100vh - 70px - 250px)