0

21 の子テーマを持つ wordpress に基づいて、jQuery Mobile でアプリを作成しています。おそらくCSSを改善することができます。アプリは正常に読み込まれ、ズームもスクロールもありません

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>

しかし、iPhone の向きを横向きから縦向きに変更すると、実際のページよりも広い画面が表示され、ページのフォームに入力フィールドがあるとスクロールが中央に表示されます。ただし、フォーム入力フィールドで (focus-ing) を選択すると、ページが再レンダリングされ、スクロールなしで幅が正しくなります。@media only screen や (max-width:..

それで、これを行う良い方法はありますか？

//This one triggers on orientation change
jQuery( window ).on('orientationchange', function( event ) { 
  if(event.orientation == 'portrait'){
    // Rerender as if an input field is focused.. 
  }
});
4

1 に答える 1

1

これは解決策になる可能性があります。もちろん、優れた CSS を最初から作成しないようにすることをお勧めしますが、wordpress で 2012 を親テーマとして使用する場合は、このコードが便利になる可能性があります。

jQuery( window ).on('orientationchange', function( event ) { 
    if(event.orientation == 'portrait'){
        jQuery('body').fadeOut(300, function(){ 
            jQuery('body').fadeIn(300);
        });
    }
});
于 2013-04-14T12:30:48.083 に答える