0

私はjqueryモバイルページを持っています。html と body に 100% を設定しても、html と body の高さはコンテンツ コンテナー (landing-container) と同じではありません。この jsfiddle の例では、本体の高さは約 300px ですが、ランディング コンテナーの高さは約 1600px です。私はクロムを使用しています。なぜそれが起こるのですか？また、回避策はありますか？

html, body {
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
}

<html>
<body>
<div id="holder" data-role="page" data-theme="none" data-ajax="false">
    <div class="header">
    </div>
    <div class="landing-container">
    </div>
</div>
</body>
</html>

ここで確認できます。 http://jsfiddle.net/angelohuang/brbqh/4/

4

1 に答える 1

1

あなたが何かを持っているからかもしれませんposition: absoluteか？

絶対配置は、要素を通常のレイアウト フローから除外するため、親の高さには影響しません。

jQuery モバイルでは、これらのスタイルの多くが追加されているdata-roleようです。私は個人的に jQuery モバイルに詳しくありませんが、おそらく非標準的な方法で jQuery モバイルを使用していますか?

編集

あははは。これもそれを行います：

.ui-mobile, .ui-mobile body {
  height: 99.9%;
}

そうすれば、混乱しない限り、ウィンドウの高さを超えることはありません。

于 2013-04-09T22:51:53.467 に答える