Phonegap屏幕尺寸（android）答案

【问题标题】：Phonegap screen dimension (android)Phonegap屏幕尺寸（android）
【发布时间】：2015-02-20 10:40:24
【问题描述】：

我使用 Phonegap 为 Android 制作了 HTML5 应用程序。手机尺寸为 480 x 800。Javascript 返回屏幕宽度 480 (screen.width)。但是 480px 宽度的内容比屏幕大。当我用 width = 320 对这个元素进行硬编码时，它看起来不错。

例如：

<div style="width:480px;border:#000000 1px solid">It's bigger than screen</div>            
<div style="width:320px;border:#000000 1px solid">It's looking good</div>

我应该使用哪种方式来获得宽度？或者Phonegap中有一些配置参数？

【问题讨论】：

标签： javascript android css html cordova

【解决方案1】：

阅读本文了解：http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html

480 是设备的物理像素宽度，320 是页面的 css 宽度。让您的页面在相同尺寸和不同密度的设备上以相同的方式显示是一个技巧。

【讨论】：

【解决方案2】：

csswidth = screen.width / window.devicePixelRatio

要获得 CSS 宽度，我们必须将屏幕宽度（因为它是全屏应用）除以设备像素比率。

480/1.5=320。好的。

【讨论】：

请编辑您的答案，并解释为什么这样可以解决问题。