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

Question

I am trying to force iPad web browser page and the browser to landscape mode when the user clicks a link.

I have something like

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

I know I can add CSS like this

@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;
    }
}

to transfer landscape mode. However, I was hoping to force entire iPad to landscape mode (meaning the browser address bar, tabs..etc will be switch to the side too not just webpage).

Is there anything I can do to accomplish this? Thanks a lot!

Answer 1

You can't basically. I know no one likes lectures and all but you should design your webpage to look brilliant in both portrait and landscape mode. Or, you could design something which asks them to rotate their screen... or do some JavaScript trickery as follows: Detect iPad orientation change