强制将窗口方向改为横向

Question

我希望定位是风景，当我的网站在移动设备上打开时，它必须锁定景观。

我尝试了一些代码如下，但它没有按预期工作

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();

Answer 1

检查一下，已经回答了类似的问题

forcing web-site to show in landscape mode only

我更喜欢使用CSS和CSS3媒体查询而不是JavaScript来处理这种情况。