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不工作

回答

相关问题