javascript - 对于某些视口宽度，具有不同的颜色框覆盖宽度。

Question

到目前为止，我的 Colorbox ajax 覆盖窗口的行为和调整大小都很好。当我调整浏览器窗口的大小时，会保留指定覆盖扩展的百分比。我正在使用以下代码：

$(document).ready(function(){
    $(".ajax").colorbox({
        opacity:"0",  
        fixed:"true", 
        width:"65%",
        height:"97%",
    });
});
var resizeTimer;
$(window).resize(function(){
    if (resizeTimer) clearTimeout(resizeTimer);
    resizeTimer = setTimeout(function() {
        if ($('#cboxOverlay').is(':visible')) {
            $.colorbox.load(true);
        }
    }, 300)
});

我剩下的唯一问题是，是否可以为不同的视口尺寸提供不同的覆盖扩展，例如小视口的宽度为 95%，桌面视口的宽度为 65%？是否有可能在 Colorbox 中完成类似的事情，或者我需要 jresond （https://github.com/ten1seven/jRespond）之类的东西，还是有更优雅的解决方案？最好的问候拉尔夫