divの幅をユーザーの画面サイズに合わせて設定する

divの幅と高さをユーザーの画面のサイズと正確に同じに設定しようとしています。どのようにそれを行うことができます。 jqueryを使うべきですか？もしそうなら、どうですか？divの幅をユーザーの画面サイズに合わせて設定する

2011-07-20 Prashant Singh

CSSについて教えてください。 pimvdbが必要な場合を除き避けることができる悪い習慣になり、インラインスタイリングになりjqueryの中でそれをやって...示唆しているようにCSSでhttp://jsfiddle.net/TJGZU/

body, html { /* set size of body to full page and remove margins */ 
    width: 100%; 
    height: 100%; 
    padding: 0; 
    margin: 0; 
} 

div { /* set div to full width and height */ 
    width: 100%; 
    height: 100%; 
}

出典

2011-07-20 13:18:48 pimvdb

は理想的なようです。 jqueryの手段によって

：

var windowWidth = $(window).width(); 
    var windowHeight =$(window).height(); 
    $('div').css({'width':windowWidth ,'height':windowHeight });

編集部：高さと幅があなたのために理想的と思われるものは何でも、このような

var windowWidth = ((parseInt($(window).width()))/2) - 120;

、あなたはこれを経由して入手することができます。以下

出典

2011-07-20 13:47:54 abhijit

うん...うまく動作します。しかし、私のdivの内容がajaxによって更新され、その高さが画面の幅を横切る場合は変化します –

jqueryが非同期パラメータに基づいている必要がありますので、動的要素が設定されるとスタイルが適用されます。あなたの必要性に応じて幅と高さを操作することで上記の解決策を作成しました。私は自分の投稿を編集しました。 – abhijit

だから、私はjQueryを使ってdivの高さを変更する必要があります、毎回私はajaxリクエストを行いますか？ –

あなたの問題のためのサンプルコードです：

var windowWidth = ((parseInt($(window).width()))/2) - 120;

また、この答えはjQueryのを使用することに注意してください。

出典

2013-11-06 04:37:17 user2958974

こんにちは、スタックオーバーフローへようこそ！これはすでに回答として追加されています – Robotnik

divの幅をユーザーの画面サイズに合わせて設定する

答えて

関連する問題