how to auto screen roatate in html 5 or javascript

You can use the Javascript automatic device (screen) detection.

Or you can use the CSS media queries

Or you can also use the HTML for rotation of the screen.

<link rel="stylesheet" type="text/css" href="landscape.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="portrait.css" media="screen and (orientation: portrait)">

Its your choice to use any of the code for your auto-rotation on screen.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manikandan Murugesan9y ago
Accepted answer
You can use the Javascript automatic device (screen) detection.
function callback()
{
alert(window.orientation);
if(window.innerHeight > window.innerWidth)
{
/* some code */
}
}
   window.addEventListener('orientationchange',callback,true);
Or you can use the CSS media queries
/* portrait */
@media screen and (orientation:portrait) {
    /* some code */
}
/* landscape */
@media screen and (orientation:landscape) {
    /*  some code */
}
Or you can also use the HTML for rotation of the screen.
<link rel="stylesheet" type="text/css" href="landscape.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="portrait.css" media="screen and (orientation: portrait)">
Its your choice to use any of the code for your auto-rotation on screen.
Rajkiran Swain9y ago
https://stackoverflow.com/questions/25769031/how-to-rotate-html5-page-on-mobile-rotation