jQuery的的CSS不工作

https://jsbin.com/feyoronene/edit?html,css,js,console,output jQuery的的CSS不工作

我想身體設置爲我的窗口的身高和體重，但我嘗試了很多次做到這一點。我不知道什麼是錯的，我做了console.log（寬度+''+高度），我得到了數據，但我無法將該屬性添加到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'嗎？它工作得很好。 –

^對我來說工作得很好，只是在沒有實際背景的情況下設置'backround-size'並不會讓你看到太多東西。 – adeneo

你試圖讓大小作爲背景圖像使用'背景大小'的CSS，沒有別的？該代碼只是一個空白頁面？ –

你能不能只是做...

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

這完美的作品。此外，我做了一個新手的錯誤，在腳本語法中輸入href而不是src，所以它基本上沒有加載我的腳本。 –

jQuery的的CSS不工作

回答

相關問題