2012-10-24 21 views
0

我正在实施一个phonegap应用程序。这一切都还正常,但当我说的设备规范,比如:黑莓中实际像素与html(css)像素之间的关系是什么?

1)黑莓Bold触摸9900的屏幕规格如下

Body Dimensions 115 x 66 x 10.5 mm (4.53 x 2.60 x 0.41 in) 
Weight    130 g (4.59 oz) 
Keyboard QWERTY  Display  Type TFT capacitive touchscreen, 16M colors 
Size    640 x 480 pixels, 2.8 inches (~286 ppi pixel density) 

但是当我试下在Java脚本函数:

function findScreenSize() 
{ 
    alert("width:"+window.innerWidth +"Height:"+ window.innerHeight); 
} 

它显示尺寸的宽度:356高度:267(356 X 267)

2)黑莓触摸9930屏幕规格如下

Body Dimensions  115 x 66 x 10.5 mm (4.53 x 2.60 x 0.41 in) 
Weight   130 g (4.59 oz) 
Keyboard QWERTY  - Touch-sensitive controls 
Display  Type  TFT capacitive touchscreen, 16M colors 
Size    640 x 480 pixels, 2.8 inches (~286 ppi pixel density) 

然后我运行相同的JavaScript功能我得到以下输出:

它显示尺寸的宽度:417高度:313 (417 x 313)

为什么它的行为如此呢?

谁能知道核心像素和HTML像素之间的关系,请给答案

回答

0

我得到了

以前我用下面的meta标签(添加“<”以下两个meta标签的起点)解决方案

阶name =“视口”内容=“宽度=设备宽度,初始规模= 1.0,最大规模= 1.0,用户可扩展=无”>

但现在我使用

阶name = “视口” 内容= “宽度=设备宽度,目标densitydpi =设备dpi的,用户可扩展=无,初始规模= 1.0”>

现在它显示相同

+1

“target-densitydpi = device-dpi”支持从7.0版本开始。此链接可能对其他人有所帮助:http://docs.blackberry.com/en/developers/deliverables/26991/Supported_meta_tag_values_1457801_11.jsp以及以下链接:http://blackberry.github.com/WebWorks-Samples/kitchenSink/html /browser/viewport/viewport.html – alishaik786

相关问题