2016-05-18 3 views
1

Я прокладываю простую веб-страницу, используя Foundation, но я сталкиваюсь с проблемой с размерами тела.Высота тела не доходит до 100% - проблема с Foundation clientHeight?

Независимо от того, что я делаю, высота тела не будет идти на 100% страницы. Высота немного зависит от браузера, но она всегда застревает около 400 пикселей. Элементы на странице все выкладываются правильно, несмотря на то, что тело фактически отсекает примерно половину страницы, элементы переполнены, как будто тела там даже не было. Глядя на консоль в Chrome, я заметил, что свойство clientHeight - 400 - мне кажется, что когда страница загружается, фактическая высота страницы каким-то образом переопределяется и вынуждается до 400 пикселей, но я не знаю, как или почему это происходит. Кто-нибудь видел это раньше?

Я использую Фонд 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> 

EDIT - я понял, что свойство clientHeight создается как высота видимого окна, когда загрузка страницы - 400 пикселей - это размер моего окна, когда консоль открыта. ОТВЕТСТВЕННОСТЬ: почему не размер тела в соответствии с элементами, которые он содержит?

ответ

0

И я исправил его.

Решением было установить height: auto; для кузова.

Как только я понял, что высота тела была установлена ​​на размер окна нагрузки, я увидел, что другие люди тоже столкнулись с этим.

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