javascript - Phonegap 屏幕尺寸 (android)

标签 javascript android css html cordova

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

最佳答案

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

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

关于javascript - Phonegap 屏幕尺寸 (android),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28626963/

相关文章:

javascript - 无论用户在JS中点击页面的哪个位置,如何重定向点击?

javascript - 原语上的 isPrototypeOf() 函数

html - 适用于 iPad/iPhone/桌面的不同 div 样式

javascript - 使用 jQuery 切换特定类 [误导?]

javascript - 当文本溢出 div 时将其换行

javascript - ExtJS 反转边框布局行为

java - 如何检查更新的文件?

android - SimpleCursorAdapter 和 ListView 应用程序崩溃

android - 使用精确关键字搜索 Sqlite 数据库

css - 带有单位 px 的 Firefox svg stroke-dasharray