Body 高度不会达到 100% - Foundation clientHeight 问题？
Body height won't go to 100% - Foundation clientHeight issue?
我正在使用 Foundation 设计一个简单的网页，但我遇到了 body.
的尺寸问题
无论我做什么，body 的高度都不会达到页面的 100%。高度因浏览器而略有不同，但始终停留在 400 像素左右。页面上的元素都正确布局，尽管 body 实际上在页面的一半处被切断，元素溢出，就好像 body 根本不存在一样。查看 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 属性 被设置为页面加载时可见 window 的高度 - 400px 是我 window 的大小控制台已打开。不管怎样 - 为什么 body 不根据它包含的元素调整大小？
然后我修好了。
解决方案是为正文设置 height: auto;。
当我意识到 body height 被设置为 onload window 大小时，我看到其他人也遇到过这种情况。
我正在使用 Foundation 设计一个简单的网页，但我遇到了 body.
的尺寸问题无论我做什么，body 的高度都不会达到页面的 100%。高度因浏览器而略有不同，但始终停留在 400 像素左右。页面上的元素都正确布局，尽管 body 实际上在页面的一半处被切断，元素溢出，就好像 body 根本不存在一样。查看 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 属性 被设置为页面加载时可见 window 的高度 - 400px 是我 window 的大小控制台已打开。不管怎样 - 为什么 body 不根据它包含的元素调整大小？
然后我修好了。
解决方案是为正文设置 height: auto;。
当我意识到 body height 被设置为 onload window 大小时，我看到其他人也遇到过这种情况。