Jquery - 更改屏幕方向功能

时间:2018-02-20 13:45:13

标签: jquery screen orientation

是否可以创建一个强制改变屏幕方向的jquery函数?

例如,我有一张照片的缩略图。当我点击它时,它会被放大,但如果设备处于纵向模式,它看起来很奇怪,因为它只会填满1/3的屏幕区域。我想点击缩略图时将方向强制为横向模式,这样照片就会全屏显示。

我试图对此进行调查,但我认为定向管理目前非常有限。也许你们有一些想法如何做到这一点或其他一些选择,以获得我想要的结果。

1 个答案:

答案 0 :(得分:0)

就像你提到的一样,强制定位的网页非常有限,但是你可以通过旋转容器和调整大小等方式让你看起来更喜欢你想要的东西。然后你就可以了在jsFiddle下面进行了测试,但如果需要的话会稍微尝试一下。只是一个想法。

$('#enlargedPicture').css({
     '-moz-transform':'rotate(90deg)',
     '-webkit-transform':'rotate(90deg)',
     '-o-transform':'rotate(90deg)',
     '-ms-transform':'rotate(90deg)',
     'transform':'rotate(90deg)',
     'height':'100vh
});