身高不会达到100% - 基金会客户高度问题?

时间:2016-05-18 18:27:08

标签: html css zurb-foundation zurb-foundation-5

我正在使用Foundation布置一个简单的网页,但我遇到了身体尺寸的问题。

无论我做什么,身体的高度都不会达到页面的100%。根据浏览器的不同,高度会略有不同,但它总是在400px左右。页面上的元素都正确排列,尽管身体实际上切断了页面的一半左右,元素溢出,好像身体甚至没有。看看Chrome上的控制台,我注意到clientHeight属性为400 - 在我看来,当页面加载时,页面的实际高度会被某种方式覆盖并强制为400px,但我不知道这是怎么回事?有没有人见过这种情况?

我使用的是Foundation 5.5.2,我的网页头像是这样的:

<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
<link rel="stylesheet" type="text/css" href="foundation.css">
<link rel="stylesheet" type="text/css" href="normalize.css">
<script src="scripts/modernizr.js"></script>
<script src="scripts/jquery.js"></script>
<script src="scripts/fastclick.js"></script>
<script src="scripts/foundation.min.js"></script>

编辑 - 我已经意识到当页面加载时,clientHeight属性被设置为可见窗口的高度 - 400px是控制台打开时窗口的大小。无论如何 - 根据它所包含的元素,为什么身体尺寸没有?

1 个答案:

答案 0 :(得分:0)

我修好了。

解决方案是为身体设置height: auto;

一旦我意识到车身高度被设置为上载窗口大小,我就看到其他人也遇到过这种情况。

https://github.com/zurb/foundation-sites/issues/4732