检测低分辨率安卓设备答案

【问题标题】：Detect low res android devices检测低分辨率安卓设备
【发布时间】：2011-12-20 09:42:46
【问题描述】：

我希望能够检测当前用户是否使用低分辨率 (

【问题讨论】：

标签： javascript android html css

【解决方案1】：

您可以在网络上找到许多文章，介绍如何为智能手机构建良好的网站设计。

要回答您的问题，您可以找到几种处理方法：

媒体查询

从 CSS3 开始，您可以使用 max-width 或 device-width。

这会给出类似的东西：

<link rel="stylesheet" type="text/css"
    media="screen and (max-device-width: 480px)"
    href="shetland.css" />

JavaScript

您可以使用 javascript 来检查浏览器的宽度。

这是一个使用 jquery 的示例：

if ($(window).width() < 320) {
   $("link[rel=stylesheet]").attr({href : "mobile.css"});
} else {
   $("link[rel=stylesheet]").attr({href : "desktop.css"});
}

走得更远

这里有一些有趣且有用的链接：

【讨论】：

【解决方案2】：

首先您使用screen.width 和screen.height 检测显示器的分辨率。

if (screen.width < 320 || screen.height < 320) {
    ....
}

然后您需要实际加载样式表。最简单的方法是将它包含在任何加载器或任何东西之外，这样你就可以document.write它。

if (screen.width < 320 || screen.height < 320) {
    document.write('<link rel="stylesheet" src="lowres.css"></script>');
} else {
    document.write('<link rel="stylesheet" src="desktop.css"></script>');
}

【讨论】：