javascript - 通过浏览器设置元素的高度而不切断内容

Question

我能够通过浏览器确定它，这很好(下面的链接)但现在唯一的问题是在较小的屏幕上查看它时它会切断内容，并且在浏览器代理打开的情况下刷新谷歌浏览器中的页面它也因此而中断。

如何在不切断内容的情况下使背景适合浏览器。

--链接--> How to get an element the same height as browser resolution?

<script type="text/javascript"> 
$(document).ready(function() { 
var height = window.innerHeight; 
$(".bg").css("height", height); }); 
</script>

Answer 1

您可以计算窗口的高度和宽度，而不是使用这些值操作元素:

Here is working jsFiddle.

var background = $('.wrapper');
function arrange() {
    var windowH = $(window).height();
    var windowW = $(window).width();
    background.css({'height':windowH+'px','width':windowW+'px','background-size':windowW+'px '+windowH+'px'});
}
arrange(); //for setting sizes on load

$(window).resize(function() {arrange();}); //setting size on window resize