screen.widthウィンドウのサイズを確認していません

Question

私は現在、このスクリプトを使用して、自分のサイトにアクセスしているユーザーの画面幅が800より小さいかどうかを確認しています。私の問題は、ユーザーが画面の幅を800よりも小さく調整すると、どのように表示されますか。

現時点ではスクリプトは、最大画面幅が例えば800

よりも低いとき、私はこのメッセージをご希望の警告を表示し、ユーザーが1000発言の幅を有しているが、その後彼らのブラウザを縮小したときにトリガ720

if (screen.width <= 800) { 
    window.alert("screen smaller than 800"); 
    } 

Answer 1

に幅あなたが必要：いいえ、

window.addEventListener('resize', function() { 
    if (window.innerWidth <= 800) { 
    window.alert("screen smaller than 800"); 
    } 
}, true); 

Answer 2

はresize eventで包み、あなたはwindow's widthを取得する必要がありますscreen's width

window.addEventListener("resize", function() { 
    if (window.innerWidth <= 800) { 
     window.alert("screen smaller than 800"); 
    } 
}) 

Answer 3

トンあなたはリサイズ機能でこれをDODことができます。

var width = $(window).width(); 

$(window).resize(function(){ 
    if ($(this).width() <= 800) { 
    window.alert("screen smaller than 800"); 
    } 
});