0

私はそれを素晴らしいブラウザで判断することができました（下のリンク）が、今の唯一の問題は、小さな画面で表示するとコンテンツが途切れ、ブラウザエージェントを開いた状態でグーグルクロームでページを更新すると途切れるということですそのためにも。

コンテンツを途切れることなく、ブラウザに合わせて背景を取得するにはどうすればよいですか。

--link->ブラウザの解像度と同じ高さの要素を取得するにはどうすればよいですか？

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

1 に答える 1

0

次の値を使用して要素を操作するよりも、ウィンドウの高さと幅を計算できます。

これが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
于 2013-01-30T17:22:33.807 に答える