Javascript Phonegap屏幕尺寸（android）

我使用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中有一些配置参数？

阅读本文以了解：

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

csswidth = screen.width / window.devicePixelRatio

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

---

480/1.5=320。好的。

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