我使用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中有一些配置参数？
答案 0 :(得分：0)
阅读本文以了解：http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html
480是设备的物理像素宽度，320是页面的css宽度。这是一个让您的页面在相同大小和不同密度的设备上以相同方式显示的技巧。
答案 1 :(得分：0)
csswidth = screen.width / window.devicePixelRatio
要获得CSS宽度，我们必须按设备像素比率划分屏幕宽度（＆＃39;使其成为全屏应用）。
480 / 1.5 = 320。好的。