2011-07-28 20 views
0

自分のサイトをユーザーのブラウザーに正確に合わせる必要があります。これはブラウザーとモニターのサイズを意味します。サイトをブラウザーの正確な幅と高さに合わせる

$(window).height() 
$(window).width()  
:私もjQueryを試してみました

screen.width 
screen.height 

:私は、私はこのコードを持っている

/jqueryの私はJavaScriptでこれをやりたいの垂直および

水平ともにノンスクロールバーを持っていないする必要があります

にもスクロールバーがありました。

これは唯一の方法ですか?私は自分のサイトでそれを使ったとき、私はスクロールバーを縦と横の両方に持っていました。それは大きかった。

いずれかお手伝いできますか?

+0

stackoverflow.comを含むインターネット上のすべての大規模なサイトからヒントを取ってみると、それを中心にしてください。 – Andrew

答えて

0

これは不可能です。

あなたは(iPadを、スマートフォン[解像度の異なる各]、30" モニター、などを考えて)すべてのディスプレイ解像度にコンテンツをフィットすることができるだろう方法は

方法によっては、:。

// both of these on their own do nothing. 
$(window).height() // just returns to you the viewport height 
$(window).width() // just returns to you the viewport width 
+0

すべてのケースを忘れて、通常のPCモニターは問題ありません。 –

0
body {height: 100%; width: 100%;} 

div#page_container {height: 100%; width: 100%;} 

JS/jQueryのための必要はありません、ただそれはまた、ブラウザウィンドウのサイズを変更する人々とリサイズし<div id="page_container"></div>

内のすべてのコンテンツをラップします。

+0

これは、ページコンテナに 'overflow:hidden'を設定しない限り動作しません。しかし、そうしていても、解像度と表示デバイスによっては、コンテンツの一部または大部分が失われている可能性があります。 –

+0

ネストされた要素の幅に対してパーセントで作業するだけで済みます。これは、固定サイズに直面している画像の多いコンテンツに対しては、とにかく実行可能ではありませんが、divで構成された流体レイアウトの場合は、その作業を行うことができます。 – Semyazas

+0

@semyazas、何のトリック、何か考えていませんか? –

0

私はPhilに同意する必要があります。ユーザーの画面の解像度を判断する方法はありません。それはユーザーの問題になるだろう。私は常にその理由のために1024 x 768の解像度で自分のWebサイトを構築してきました。コンテンツやターゲットオーディエンス(解像度が低く設定されているため画面を読むことができる高齢者をターゲットとしたサイト)によっては、さらに低くなることもあります。ほとんどの人は今、モニタの大きさで、それよりずっと下回ることはありません。

私はこのコードをhttp://support.microsoft.com/kb/287171に見つけましたが、それはあなたを助けるかもしれません。これにより、ユーザーの画面解像度に基づいて画面の高さと幅が調整されます。

また、一部のブラウザでは一部のJavaScriptが動作しないことに注意してください。私はこの問題を画面サイズの変更、スクロールバーの変更などになると、ポップアップで実行しました...

関連する問題