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

发布于 2024-08-13 08:37:10 字数 152 浏览 3 评论 0原文

在我的网站中，我根据查看者显示器的分辨率应用样式表。通过在 javascript 中使用 screen.width 我做到了这一点。但现在我怀疑我是否可以使用相同的技术根据分辨率来更改网站的全部内容，即，对于更高分辨率，内容更多，而对于更小，内容更少。或者您建议我使用其他技术来做到这一点。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

草莓酥 2024-08-20 08:37:10

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

这是纯 JavaScript 中的非常基本的示例：

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

这还有一个优点，即无论 JavaScript 是否启用，页面都将始终显示。如果启用了 JavaScript，您可以根据分辨率定制页面，如果没有启用，用户仍然会看到您的内容。

You could detect the resolution and use this to apply a class to the body of your page and use this to tell CSS to show/hide certain columns. I can provide sample code if you let me know which framework / no framework you're working with.

Here is reallly basic example in plain javascript:

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

This also has the advantage that a page will always display regardless of whether JavaScript is enabled or not. If JavaScript is enabled you can tailor the page to the resolution, if not the user will still see your content.

回复收藏 0 原文