Question

我正在开发适用于iOS和Android的PhoneGap + JSmobile + html5应用。我想强制相同页面的横向方向。我想找到一个解决方案，但我不能这样做。它有可能吗？

我找到了一个帖子，有人说在CSS中使用一个技巧来旋转#div：

#ID {
-webkit-transform:rotate(90deg); /* Safari and Chrome */
}

这个技巧会旋转页面，但会在左侧和右侧使用边框进行渲染。

Answer 1

我找到了解决方案：

$(document).on('pagebeforeshow', '#ID',function() {        
                setTimeout(function() {
                                  $('head').append( '<meta name="viewport" content="width=device-height, height=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;">' );
                                  }, 200);
                       });

超时是为了防止prev页面发生奇怪的变化;）

某些页面上的强制方向

1 个答案: