在我的情況下如何強制ipad進入橫向模式

Question

當用戶單擊鏈接時，我試圖強制iPad Web瀏覽器頁面和瀏覽器進入橫向模式。

我有類似的東西

<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設置為橫向模式（這意味着瀏覽器地址欄，tabs..etc也將切換到側面，而不僅僅是網頁）。

我有什么可以做的嗎？ 非常感謝！

Answer 1

你基本上不能。 我知道沒有人喜歡講座，但所有人都喜歡，但是您應該設計自己的網頁，使其在縱向和橫向模式下看起來都很棒。 或者，您可以設計一些要求他們旋轉屏幕的東西……或執行一些JavaScript技巧，如下所示： 檢測iPad方向的變化