I'm attempting to trigger the landscape mode on an iPad web browser, including the address bar and tabs, when a user clicks a link.
Here's what I currently have:
<div>
<a ng-click="click me()" href="www.cnn.com">Click me</a>
</div>
I understand that I can use 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 switch to landscape mode. However, I want to force the entire iPad into landscape mode, not just the webpage. This includes the browser address bar, tabs, etc.
Is there a way to achieve this? Thank you!