0

レスポンシブ テンプレートには、画面サイズに比例して画像の高さを計算する jquery コードがあります。すべてのブラウザで動作しますが、Iphone/Ipad でポートレートからランドスケープに変更すると、画像のサイズが変更されません。コードは次のとおりです。誰かが私を助けてくれることを願っています! ありがとう

// 本文のサイズ変更 $(document).ready(function() { var bodywidth = $(document).width(); var ratioheight = (bodywidth/3.582); $("#gallery").height(ratioheight) ; });

// 本文のリサイズが有効 $(window).resize(function() { var bodywidth = $(document).width(); var ratioheight = (bodywidth/3.582); $("#gallery").height(ratioheight ); });

4

1 に答える 1

0

jQueryモバイルを使用していますか?もしそうなら、呼ばれる向きの変化を検出するイベントがありますorientationchange

または、方向がポートレートの場合は、[ビューポートの向きを検出] から取得 ユーザーに指示を伝える警告メッセージを表示

window.addEventListener("orientationchange", function() {
  // Announce the new orientation number
  alert(window.orientation);
}, false);

事実上、コードは次のようになります

$(window).bind('orientationchange resize', function(event){
      if(event.orientation) {
            if(event.orientation == 'portrait') {
          // do something
              } else if (event.orientation == 'landscape') {
                       // do something else 
                       } 
            } else {
                  // optional... PC-version javascript for example
                  }

      });
于 2012-11-16T18:25:51.730 に答える