有没有什么办法可以将一个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); 
    }); 
}