Question

我正在寻找跟踪SCREEEN或视口宽高比的公式（如果你知道有任何指南，你可以链接我，不需要新的代码:)，但到目前为止，我只发现了一些图像调整相关主题或在线计算器的大小......）

所以问题的核心...... 我有一个视频（mp4），就像某种背景。现在，我需要视频覆盖整个屏幕。我知道视频有一些纵横比，而且屏幕有一些宽高比，所以我可以肯定，在某些显示器上会有一些边缘会被剪切掉。

但是有一些限制，我需要改变样式：

最多16：9 - 使用样式1

从16：8,99和更宽 - 你知道，就像那些超宽弧形显示器一样，我需要不同的造型。

那么 - 如果长宽比 ANY WIDER 超过16：9，该如何检查？

到目前为止，我试图从这个主题使用GDC（接受的答案），但我无法使其工作（因为每个决议都有不同的GDC，我无法与16：9比较）{{3 }}

所以，对于决赛，还有代码

function ratiocompare(width, height){
//this I need to create
//sth like 

//if(aspect ratio is any wider than 16:9){return true;}
//else{return false;}
}

function checkratio(){

       var compare = ratiocompare($(window).width(), $(window).width());

       if(compare)
        {  $("#video").css("width","100%");
           $("#video").css("height","auto");
           $("#video").css("left","0");
           $("#video").css("top","50%");
           $("#video").css("transform","translate(0, -50%)");
        }

       else{
           $("#video").css("width","auto");
           $("#video").css("height","130vh");
           $("#video").css("left","50%");
           $("#video").css("top","0%");
           $("#video").css("transform","translate(-50%, 0)");
        }
}

$(document).ready(function() {
 checkratio();
}

那么，任何提示，解决方案？我会非常感激:)谢谢。

jQuery视口宽高比

0 个答案: