有没有办法将一个html文件用于一个屏幕宽度，另一个用于另一个屏幕宽度？

Question

使用这两个单独的html文件比重新排列我的代码更容易。我想过使用媒体查询或jquery，但我意识到这是不可能的。我怎么能这样做？

Answer 1

通常在你提到的情况下，我会动态构建页面，但不确定你使用的是什么技术，你的帖子中没有技术标签。

可以使用jQuery执行此操作。我过去曾经用过这个。

这是一个根据屏幕宽度将两个HTML文件中的一个加载到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 );  
    }); 
}