2017-02-20 3 views
1

私はウェブサイトを持っており、幅が1024ピクセルを超えるとページを更新する必要があります。それが可能だ? 幅が< 1024 pxなので、私はこれが必要です、別のスクリプトを読み込みます。幅を渡すとページが更新されます

+0

CSS Media Queriesを使用すると、サイズが変更されたときにコンテンツとレイアウトが変更されます。 https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries –

+1

はい、可能です。 –

答えて

0

多分このような何か?

$(window).resize(function(){ 
    if ($(window).width < 1024){ 
    location.reload(); 
    } 
} 
0

スタイリングを変更するだけでなく、コンテンツを更新する必要があるような音がします。その場合は、window.matchMedia()を使用します。ここで

は、あなたがそれを使用する方法は次のとおりです。

var mq = window.matchMedia("(min-width: 500px)");

一致プロパティは、例えば、クエリの結果に応じて、trueまたはfalseを返します

if (mq.matches) { 
    // window width is at least 500px 
} else { 
    // window width is less than 500px 
} 

このスニペットは、taken from hereです。

+0

これは不十分で純粋なCSS Media Queriesがコンテンツの読み込みを制御できることをサポートしています。 –

+0

実際、サポートは悪くありません(IE10以上など)。他のすべての最新ブラウザは完全サポートしています。 IMHO、コンテンツの読み込みは、CSSではなくJavaScriptで行う必要があります。 – rasmeister

関連する問題