javascript - 根据屏幕分辨率显示内容

Question

我有一个包含一些内容的网站。根据用户的屏幕分辨率，我想显示不同的内容，以便移动设备会有一些其他内容，但网站的其余部分将是相同的。我做了一些研究，似乎唯一可能的方法是使用 javascript。我大部分时间都在编写 PHP 代码，所以我真的很糟糕 javascript，所以如果有人能为我提供一个简单的脚本那就太好了。

我需要的是这样的 JavaScript 函数:

if (screen resolution < X x X) {
show some content...
} else {
show some other content ...
}

如果 javascript 关闭，它应该只显示一些其他内容..:) 如果有帮助的话，我可以安装 jquery。谢谢

如果有 html 代码的示例就更好了。

Answer 1

您不应该使用 JavaScript 检测用户是否使用移动设备。我向你推荐这个 PHP 版本。您可以使用 [$_SERVER 'HTTP_USER_AGENT' ] 然后简单地解析出该字符串以查看它是什么类型的用户代理。我现在实际上正在实现同样的概念。

你也可以使用这个类Mobile Detect

include("Mobile_Detect.php");
$detect = new Mobile_Detect();

if ($detect->isMobile()) {
     // any mobile platform
}