0

2つのdivが上下にあります。ドキュメント内での順序を維持しながら、両方をブラウザウィンドウの幅と高さの100%にします。

ご覧のとおり、現時点では、ボックスに500pxの高さを与えて表示されるように、インラインスタイルを追加しました。

これまでの関連コードはここにあります:

http://fiddle.jshell.net/pY6dc/9/

私はこれに非常に慣れていないので、あなたは真剣に簡単な言葉で物事を説明する必要があるかもしれません。これを達成するために、おそらくどこから始めればよいのかわからないために、何らかの形式のjavascriptが必要になることを私は知っています。

クリス

4

1 に答える 1

1

JavaScriptでそれを行う1つの方法:

$(".slide").height($(window).height());

スライドのクラスを持つすべての要素を選択し、それらの高さをウィンドウの高さに設定します。

更新されたフィドル:ここ

しかし、基本的には、jQueryを自分で接続できると想定しています。一度接続すると、ウィンドウの読み込み関数をさまざまな方法で登録できます。最も簡単な方法は、スクリプトタグです(より適切な方法は、ドキュメントの先頭にあります)。 。


<script type='text/javascript'>
   $(window).load(function(){
      $(".slide").height($(window).height());
   });
</script>
于 2013-02-22T13:54:16.423 に答える