Javascript 键盘处于活动状态时，iPad web app视口高度随方向变化而变化

我有一个运行iOS7的iPad网络应用程序。视口元标记为：

<meta name="viewport" content="initial-scale=1.0, user-scalabe=no">

---

但问题是，当键盘处于活动状态且方向发生更改时，视口将更改为可见视口区域的值（而不是键盘处于非活动状态时的视口高度）

我能够将高度定义为像素值，首先获取设备的可用宽度和高度值，然后简单地计算方向并相应地设置元素

var deviceHeight = screen.availHeight;
var deviceWidth = screen.availWidth;

if(window.orientation > 0) {
    // landscape 
    $('body, #canvas').css('height',deviceWidth);
} else {
    // portrait
    $('body, #canvas').css('height',deviceHeight);
}

不是最优雅的解决方案，但到目前为止，还不错

var deviceHeight = screen.availHeight;
var deviceWidth = screen.availWidth;

if(window.orientation > 0) {
    // landscape 
    $('body, #canvas').css('height',deviceWidth);
} else {
    // portrait
    $('body, #canvas').css('height',deviceHeight);
}