Javascript または jQuery ライブラリを使用してブラウザーの高さを取得し、それを変数に渡して外部 CSS ファイルで使用する方法がわかりません。
4 に答える
$(document).height()
ドキュメント全体の高さを見つけるために使用できます。
$(window).height()
ビューポートの高さを見つけるために使用できます
クライアントの高さと幅を動的に取得するには、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;
}
私は JavaScript を使用しません。メディアクエリはどうですか?
media screen and (min-height:700px){
/* Specific styles... */
}
CSS に何かを動的に渡す方法はありません。代わりに、さまざまなドキュメントの高さに対応するように CSS を設計する必要があります。