-1

Javascript または jQuery ライブラリを使用してブラウザーの高さを取得し、それを変数に渡して外部 CSS ファイルで使用する方法がわかりません。

4

4 に答える 4

2

$(document).height()ドキュメント全体の高さを見つけるために使用できます。

$(window).height()ビューポートの高さを見つけるために使用できます

于 2012-05-27T17:26:06.847 に答える
1

クライアントの高さと幅を動的に取得するには、JavaScript を使用して、オブジェクトの高さと幅を動的に設定します。次の JavaScript の例を使用して、クライアントの高さと幅を取得できます。使用しているブラウザによって異なります。クライアントの高さと幅を取得するには、次の JavaScript を試してください。

var myWidth; var myHeight;

if( typeof( window.innerWidth ) == '数値' ) {

//IE 以外

myWidth = window.innerWidth; myHeight = window.innerHeight;

} else if( document.documentElement &&

( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {

//「標準準拠モード」のIE 6+

myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight;

} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {

//IE4互換

myWidth = document.body.clientWidth; myHeight = document.body.clientHeight;

}

于 2012-05-27T17:36:21.197 に答える
1

私は JavaScript を使用しません。メディアクエリはどうですか?

media screen and (min-height:700px){
   /* Specific styles... */
}
于 2012-05-27T17:27:14.820 に答える
1

CSS に何かを動的に渡す方法はありません。代わりに、さまざまなドキュメントの高さに対応するように CSS を設計する必要があります。

于 2012-05-27T17:27:38.240 に答える