2016-05-18 7 views
1

私はFoundationを使って簡単なWebページをレイアウトしていますが、本文の寸法に問題があります。体高が100%にならない - 財団のクライアントの問題?

私が何をしても、身体の高さはページの100%にはなりません。ブラウザによっては高さが少し変わりますが、常に400pxくらいになってしまいます。ページ上の要素は、実際にはボディが実際にページの途中で途切れるという事実にもかかわらず、正しくレイアウトされています。 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プロパティは可視ウィンドウの高さときのように設定されていることに気づきましたページの読み込み - 400pxは、コンソールが開いているときの私のウィンドウのサイズです。関係なく、それに含まれる要素に基づいてボディのサイジングが行われないのはなぜですか?

答えて

0

それを修正しました。

解決策は、体にheight: auto;を設定することでした。

ボディーの高さがオンロードウィンドウサイズに設定されていることがわかったら、他の人もこれに遭遇したことがわかりました。

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

関連する問題