jQueryの.cssのは、私は私の窓の身長と体重に身体を設定しようとしている

https://jsbin.com/feyoronene/edit?html,css,js,console,output jQueryの.cssのは、私は私の窓の身長と体重に身体を設定しようとしている

動作していないが、私はそれを行うために多くの時間を試してみました。何が問題なのか分かりません。console.log（width + '' + height）を実行してデータを取得しましたが、そのプロパティをCSSに追加できません。私は何が間違っていますか？

var width = $(document).width(); 
 
var height = $(document).height(); 
 
$('body').css('background-size', width + 'px' + ' ' + height + 'px');

body { 
 
    background-size: 20px 20px; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 
<script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script> 
 
    
 
    
 
</body> 
 
</html>

出典

2016-07-07 Cojocari Cristian

コード実行後に 'body'を検査しましたか？それは正常に動作しています。 –

^私にとってもうまく動作しますが、実際のバックグラウンドを持たない「バックラウンドサイズ」を設定するだけで、それほど多くは見えません。 – adeneo

あなたはCSSとしてサイズを作ろうとしていますが、あなたは 'background-size'を背景画像のために使用していますか？コードには空白のページしかありませんか？ –

あなたは体がウィンドウサイズと同じサイズにしたい場合はあなただけ...

var width = $(document).width(); 
var height = $(document).height(); 
$('body').width(width).height(height);

を行うことができませんでした。

バックグラウンドサイズをウィンドウと同じサイズにする場合は、現在のコードが機能しています。ユーザーがウィンドウのサイズを変更するたびにコードを実行する場合は、コードの周りにこの関数をラップすることができます。

$(window).resize(function() { 
    //code goes here 
});

出典

2016-07-07 20:48:14

これは完全に動作します。また、スクリプト構文でsrcの代わりにhrefを入力する初心者の間違いをしましたので、基本的にスクリプトをロードしませんでした。 –

jQueryの.cssのは、私は私の窓の身長と体重に身体を設定しようとしている

答えて

関連する問題