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

在我的网站中，我根据观众显示器的分辨率应用样式表。在javascript中使用screen.width我这样做。但是现在我怀疑我是否可以使用相同的技术根据分辨率更改网站的全部内容，即更高分辨率的内容和更少，更少的内容。或者你可以建议我使用其他技术来做到这一点。根据显示器分辨率更改网站的全部内容

2009-12-02 Goysar

使用重定向。 – 2009-12-02 14:12:31

不，我打算只有一个页面，我必须动态地加载它自己的内容 – Goysar 2009-12-02 14:15:14

你的意思是窗口宽度？它可以产生很大的不同。 – 2009-12-02 14:31:25

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

这里是reallly在普通的JavaScript简单的例子：

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

这也有优点，即网页会永远不管是否启用JavaScript或不显示。如果启用了JavaScript，则可以根据分辨率调整页面，否则用户仍然会看到您的内容。

2009-12-02 14:22:14 robjmills

我使用php和以下MVC架构并实现我自己的框架。我喜欢尝试你的想法。 – Goysar 2009-12-02 14:51:11

嘘到window.onload！ – 2009-12-02 14:52:18

哈哈！是的，我同意。只是像我说的一个例子，但可能性是他将使用一个更好的DOM准备好风格执行的框架 – robjmills 2009-12-02 15:02:28

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

2009-12-02 14:27:22 jlb

这将工作，但它使整个过程依赖于JavaScript被启用。没有JavaScript =没有内容 – robjmills 2009-12-02 14:29:37

Duh !,显然你会有一个没有脚本的版本！ – Lizard 2009-12-02 14:34:18

问题提到了screen.width - 显然JavaScript已经在这里使用了。 – jlb 2009-12-02 18:16:01

由于您已经基于屏幕宽度提供了替代样式表，因此您可以将给定样式表中不需要的内容设置为display:none。

2009-12-02 14:35:51 Joe

雅你的技术似乎是好的。将试一试。 – Goysar 2009-12-02 14:51:45

回答