Question

我正在实施一个phonegap应用程序。这里一切都很顺利，但当我说的设备规格如下：

1）BlackBerry Bold Touch 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);   
}

显示SIZE宽度：356高度：267（356 x 267）

2）BlackBerry Bold Touch 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函数：

显示SIZE宽度：417高度：313（417 x 313）

为什么表现得像这样？

任何人都可以知道核心像素和HTML像素之间的关系请给出答案

Answer 1

我得到了解决方案

之前我正在使用以下元标记（添加'＆lt;'以下两个元标记的开头）

meta name =“viewport”content =“width = device-width，initial-scale = 1.0，maximum-scale = 1.0，user-scalable = no”＆gt;

但现在我正在使用

meta name =“viewport”content =“width = device-width，target-densitydpi = device-dpi，user-scalable = no，initial-scale = 1.0”＆gt;

现在显示相同的

黑莓中实际像素和html（css）像素之间的关系是什么？

1 个答案: