画面サイズでのブラウザのリフレッシュ

Question

これを実装して、画面サイズが幅を変更した場合に強制的に画面をリロードします。ただし、Firefoxでは動作しません。 SafariとChromeでうまくいきました。あなたもブラウザが最も可能性が高い可能性無限ループを防ぐためにしようとしている

<a id="reload-page" style="display:none" href="javascript:history.go(0);"></a> 

$('#reload-page').click(); 

Answer 1

。あなたのリロードをタイムアウトでラップするのは、そのトリックです。

jQuery(function($){ 
var windowWidth = $(window).width(); 

    $(window).resize(function() { 
     if(windowWidth != $(window).width()){ 
     setTimeout(function() { 
      location.reload(); 
      return; 
     }, 1); 
     } 
    }); 
}); 

Answer 2

ような何かを試みることができる代わりにlocation.reload()

のhistory.go(0);

を使用しようとして

jQuery(function($){ 
var windowWidth = $(window).width(); 

$(window).resize(function() { 
    if(windowWidth != $(window).width()){ 
    location.reload(); 
    return; 
    } 
}); 
});