Question

我能够通过浏览器确定它是好的（链接如下），但现在唯一的问题是在较小的屏幕上查看它时会切断内容，并在浏览器代理打开的情况下刷新Google Chrome页面它也切断了它。

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

- link - ＆gt; 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

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

1 个答案: