jQuery Mobile的風景肖像變化重新呈現頁面

Question

我正在創建一個應用程序在jQuery Mobile基於wordpress與二十二個兒童主題。可能CSS會變得更好。該應用程序加載罰款，並沒有放大，並與

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

沒有滾動但從景觀在iPhone上改變方向時，縱向我得到更寬的屏幕比實際的頁面和滾動的顯示出來當頁面上的表單中有一個輸入字段時，則爲中間。 然而，當在表單輸入字段上選擇（對焦）時，頁面會重新渲染，並且寬度無誤且無滾動。我用了一些當前響應CSS @media一樣僅屏幕（最大寬度：..

那麼有沒有這樣做的一個很好的方式

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

Answer 1

這可能是一個更好的解決方案ofcourse是爲了防止它從頭開始構建一些良好的CSS，但如果在wordpress中使用二十二個作爲父主題 - 此代碼可能會得心應手。

jQuery(window).on('orientationchange', function(event) { 
    if(event.orientation == 'portrait'){ 
     jQuery('body').fadeOut(300, function(){ 
      jQuery('body').fadeIn(300); 
     }); 
    } 
});