Blackberry Simulator无法以与物理设备相同的方式呈现网页？ （Z10）

Question

网页found here在VMWare Fusion模拟器中的BlackberryOS 10 Webkit浏览器中呈现得很好，但在实际设备上却没有（我告诉我，我没有物理Blackberry）我的面前。）

第一个屏幕截图是我在BlackberryOS 10上看到的页面，第二个就是我在模拟中看到的内容。我尝试了Blackberry Simulator提供的所有6种设备尺寸，它看起来不错。

编辑：这似乎与Blackberry键盘

有关

想法？

Answer 1

Blackberry键盘似乎取代了视口外部实际页面的大小。 打开键盘是在模拟器中复制此问题的唯一方法。

我尝试补偿更改媒体查询以使用max-device-width和min-device-width属性以及使用相对于视口（vh和vw）的单位，但它在所有设备上都不是完美的。

我使用以下JavaScript为仅BlackBerry设备加载样式表：

    var ua = navigator.userAgent;
    if (ua.match(/(BlackBerry|Blackberry|blackberry|BB|bb|RIM|rim|Playbook|PlayBook|playbook)/)!=null) { 
        document.write('<link rel="stylesheet" type="text/css" href="blackberry.css">');
        console.log ('Blackberry confirmed'); 
    }

唯一的问题是Blackberry模拟器userAgent无法使用正则表达式进行定位，因为它没有任何独特之处。上面的代码确实针对所有物理BlackBerry设备。