切换到横向时Jquery没有阅读

时间:2014-04-04 01:57:13

标签: jquery responsive-design resize

如果窗口宽度为<

那么我有一个脚本执行调整大小。比768.我正在尝试它应该工作的iPhone。我的剧本:

$( window ).resize(function() 
{   
    if ($(window).width() <= 768) 
    {
        var platformHeight = $('#platform-mobile .platform-video video').height();
        $('#platform-mobile .platform-video').css('height', platformHeight + 'px');
        $('#platform-mobile .mejs-controls').css('bottom', '-' + platformHeight + 'px');
    }
})

我尝试使用.resize()结束脚本,以便在完全调整大小后尝试调用它并且不起作用。

1 个答案:

答案 0 :(得分:0)

所以继续发表评论

对于iOS,您需要像这样调整.platform-video的高度:

$('.wp-video').width()/760 * 428

其中$('.wp-video').width()是当前视频宽度除以原始视频宽度(在本例中为760)乘以原始视频高度(428)。因此,对于我的iPod,高度应该是243(圆形)。