2013-05-10 53 views
2

我正在为iOS和Android开发PhoneGap + JSmobile + html5应用程序。我想强制相同页面的横向。我试图找到一个解决方案,但我不能这样做。 有没有可能?某些页面上的强制方向

我发现了一个帖子里有人说用了一招在CSS旋转#div:

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

这一招旋转页面,但它呈现与左侧和右侧边框。

+0

给它也宽度:100重要; – Gajotres 2013-05-10 10:22:05

+0

..同样的问题...我认为这是由于: 但是如何才能设置width = device-heght和heght =设备宽度仅适用于同一页?! – Loralon 2013-05-10 10:35:35

回答

2

我找到了解决办法:

$(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); 
         }); 

超时是为了防止在上一页奇怪的变化;)

+0

这不会在iphone上旋转设备。 – Harry 2013-11-18 08:19:08

相关问题