在我的情况下如何强制ipad到横向模式

时间:2014-12-12 19:17:18

标签: javascript html css ipad

当用户点击链接时,我试图强制iPad网页浏览器页面和浏览器进入横向模式。

我有类似

的东西
<div>
    <a ng-click="click me()" href="www.cnn.com">Click me</a>
</div>

我知道我可以像这样添加CSS

@media screen and (orientation: portrait){
    html {
        -webkit-transform: translateY(-100%) rotate(90deg);
        transform: translateY(-100%) rotate(90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

转移横向模式。但是,我希望强制整个iPad进入横向模式(意味着浏览器地址栏,标签..等等也将切换到侧面而不仅仅是网页)。

我有什么办法可以做到这一点吗?非常感谢!

1 个答案:

答案 0 :(得分:2)

你基本上不能。我知道没有人喜欢讲课,除了你应该设计你的网页在纵向和横向模式下看起来都很棒。或者,你可以设计一些要求他们旋转屏幕的东西......或者按照以下方式做一些JavaScript技巧:Detect iPad orientation change