我有一个客户要求他们的WordPress网站上的所有页面都是网站上最长页面的高度，无论每个特定页面的实际内容高度如何。计划是每次最长页面更改高度时手动编辑该高度。这导致短页底部出现大量空白，大量不必要的风格变化，并且违背了我对任何有眼睛的人的建议..
目前我在内容区域设置了一个简单的height: 1100px;即可。我遇到的问题是让它在所有现代浏览器上以所有字体大小正确显示 - 例如：1100px在Chrome中以100％缩放正常工作，但内容以125％缩放扩展给定区域。将其扩展到每个浏览器，每个字体大小..yep。
我尝试过min-height并且只是在长页面上略微延伸，但是当你从一个页面翻到另一个页面时，你仍然可以看到它是一个不同的高度。我的高度设置总是比最大的页面大，但是它不会紧紧地包裹到最长的页面，所以有多余的空间..
移动设计目前不是优先事项 - 只是桌面浏览器。
我猜我需要某种JavaScript / AJAX hackery来加载每个页面上的每个页面，比较渲染高度并相应地设置高度，但我希望有人知道更简单的方法。有什么想法吗？