0

水平レイアウトがあり、5 つのインライン div があります。ユーザーのビューポートの幅を取得し、それを各コンテンツ パネル タグの幅に適用して、すべてのコンテンツ パネルで 100% になる方法はありますか? 内部に視差要素があるため、ビューポートの 100% にする必要がありますここに画像の説明を入力

以下の css コードを試してみましたが、パネルが重なり合っているだけです。

#contentPanel { width: 100%; float: left;}

質問が意味をなすかどうかは本当にわかりません。16 時間起きて、これを検索して解決しようとしていたからです。

4

1 に答える 1

1

JQuery を使えば簡単です。

var fullDiv = $("div");

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

$("body, html").width(3*viewportWidth);
fullDiv.width(viewportWidth);
fullDiv.height(viewportHeight);

簡単なデモ。

おそらくブラウザのサイズが変更されたときに sを更新する必要がありますがdiv、現在は最初にロードしたときにのみ機能します。についてもっと読む.resize()。

于 2012-10-16T17:00:08.920 に答える