在我的站点中，我根据查看者显示器的分辨率应用样式表。通过screen.width在 javascript 中使用，我可以做到这一点。但是现在我有一个疑问，我是否可以使用相同的技术来根据分辨率更改站点的整个内容，即，对于更高的分辨率，更多的内容和更少的，更少的内容。或者你请给我一些其他的技术来做到这一点。
问问题
866 次
3 回答
4
您可以检测分辨率并使用它来将类应用到页面的主体，并使用它来告诉 CSS 显示/隐藏某些列。如果您让我知道您正在使用哪个框架/没有框架，我可以提供示例代码。
这是纯 javascript 中非常基本的示例：
window.onload = function(){
var resolution = 'res'+screen.width;
document.getElementsByTagName('body')[0].className= resolution;
}
这还有一个优点，即无论是否启用 JavaScript，页面都将始终显示。如果启用了 JavaScript，您可以根据分辨率调整页面，否则用户仍会看到您的内容。
于 2009-12-02T14:22:14.873 回答
0
让您的初始页面加载返回一个空容器并执行将使用内容填充它的 ajax 调用。ajax 调用可以将分辨率作为参数传递，因此您可以相应地返回适当的内容。
于 2009-12-02T14:27:22.100 回答
0
由于您已经根据屏幕宽度提供备用样式表，因此您只需将给定样式表不需要的内容设置为display:none.
于 2009-12-02T14:35:51.077 回答