gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 16:39:19 26 4
gpt4 key购买 nike

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

最佳答案

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

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

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

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

关于php - 根据显示器分辨率更改网站的全部内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1833119/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com