forcefully change window orientation to landscape

Question

i want orientation to be landscape, when my website is open in mobile and it must locks on landscape.

i tried some code as below, but it is not working as desired

function rotate(degrees) {
    $('body').css({
        '-webkit-transform': 'rotate(' + degrees + 'deg)',
        '-moz-transform': 'rotate(' + degrees + 'deg)',
        '-ms-transform': 'rotate(' + degrees + 'deg)',
        'transform': 'rotate(' + degrees + 'deg)'
    });
};
$(window).on("orientationchange", function(event) {
    if (window.orientation == 0) {} else {
        rotate(-90);
    }
});
$(window).orientationchange();

score 0 · Answer 1 · edited May 23 '17 at 11:44

0

check this, already answered a similar question

forcing web-site to show in landscape mode only

I'd prefer to use CSS and CSS3 media queries rather than the JavaScript for such case.

edited May 23 '17 at 11:44

Community

1
1

answered Oct 07 '15 at 06:13

Sahan Perera

194
2
5
17

i want to rotate to landscape. don't want to hide the content. – parth Oct 07 '15 at 06:16
i give same problem as my code gives, menus get's open and other problem, view come as desktop – parth Oct 07 '15 at 06:36
using `transform` is not a good idea because some web browsers do not support for it specially mobile browsers – Sahan Perera Oct 07 '15 at 06:44

forcefully change window orientation to landscape

1 Answers1