1つの画面幅に1つのhtmlファイルを使用し、別の画面幅に別のhtmlファイルを使用する方法はありますか？

Question

2つの別々のhtmlファイルを私のコードを並べ替えるよりも使いやすくなります。私はメディアクエリやjqueryを使うことを考えましたが、これは不可能であることに気付きました。どうすればこのことができますか？

Answer 1

通常、あなたは私がその場でページを構築すると言いましたが、あなたが使用している技術はあなたの投稿に技術のタグがないかどうかはわかりません。

jQueryでこれを行うことができます。私はこれを過去に使ってきました。

ここでは、画面幅に基づいて2つのHTMLファイルの1つをDIVにロードする関数を示します。

$(function() 
{ 
    var screenWidth = screen.availWidth; 
    if (screenWidth > 1024) { 
     loadDIV("file1.html"); 
    } 
    else 
    { 
     loadDIV("file2.html"); 
    } 
}); 

function loadDIV(fileName) 
{ 
    $.get(fileName, function(data) { 
     $("#Content").html(data); 
    }); 
}