javascript - Phonegap 屏幕尺寸 (android)

Question

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

Answer 1

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

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