1

ブラウザ ウィンドウのサイズを変更すると、小さな問題が発生します。ビューポートの幅と高さを取得でき、ブラウザ ウィンドウに従って画像サイズを設定できます。ただし、ブラウザー ウィンドウのサイズを変更すると、画像または div のサイズが変更されません。

これは、ビューポートの幅と高さを取得しようとして、それぞれの画像 (要素) に適用しようとしたものです。

<script type="text/javascript">
// global vars
$(document).ready (function (){
  var winWidth = $ (window).innerWidth();
  var winHeight = $ (window).innerHeight();
  // set initial div height / width
  $('div.background img').css({
    'min-width': winWidth,
    'height': winHeight
  });
  $('.leftstatbar').css({
    'width': '200px',
    'min-height': winHeight
  });
  $(' #firstmenu').css({
    'width': '150px',
    'min-height': winHeight
  });
  $(window).resize(function(){
    $('div.background img').css({
      'min-width': winWidth,
      'height': winHeight});
    });
  });
</script>

この問題の解決にご協力ください。どうもありがとう。

4

1 に答える 1

0

以下のコードを使用して、関数のサイズを変更します

$(window).resize(function(){
      var winWidth = $ (window).innerWidth();
      var winHeight = $ (window).innerHeight();
    $('div.background img').css({
      'min-width': winWidth,
      'height': winHeight});
    });

あなたのコードの問題は...サイズ変更では、ページの読み込み時に計算された値を使用しています..サイズ変更後ではありません...

http://jsfiddle.net/sL573/を参照してください

于 2013-05-19T05:48:19.857 に答える