根据显示器分辨率更改网站的全部内容

Question

在我的网站中，我根据观众监视器的分辨率应用样式表。在javascript中使用screen.width即可。但现在我怀疑我是否可以使用相同的技术根据分辨率更改网站的整个内容，即更高分辨率的内容更少，更少，更少。或者你可以建议我做一些其他的技术。

Answer 1

您可以检测分辨率并使用它将类应用于页面正文并使用它来告诉CSS显示/隐藏某些列。如果您让我知道您正在使用哪个框架/没有框架，我可以提供示例代码。

以下是普通javascript中的基本示例：

window.onload = function(){
 var resolution = 'res'+screen.width;
 document.getElementsByTagName('body')[0].className= resolution;
}

这也具有以下优点：无论是否启用JavaScript，都将始终显示页面。如果启用了JavaScript，您可以根据分辨率定制页面，否则用户仍会看到您的内容。

Answer 2

让您的初始页面加载返回一个空容器并执行ajax调用，该调用将使用内容填充它。 ajax调用可以将分辨率作为参数传递，因此您可以相应地返回相应的内容。

Answer 3

由于您已根据屏幕宽度提供备用样式表，因此您只需将针对该给定样式表不需要的内容设置为display:none。