我正在使用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是控制台打开时窗口的大小。无论如何 - 根据它所包含的元素,为什么身体尺寸没有?
答案 0 :(得分:0)
我修好了。
解决方案是为身体设置height: auto;
。
一旦我意识到车身高度被设置为上载窗口大小,我就看到其他人也遇到过这种情况。