Responsive design Colorbox流体布局仅适用于移动设备

我需要有静态宽度的颜色框窗口，它实际上是动态的-取决于css指定的宽度或图像的实际宽度等。。。手机版除外。我正在做响应网站。当我调整浏览器窗口的大小时，它总是有固定的宽度，但当我在移动设备上时，colorbox窗口比broser窗口宽-它不会调整大小以适应浏览器窗口屏幕。我适用于：

$(window).on('resize', function(){
    $.colorbox.resize({width: '100%'});
});

这对我很有帮助，但如果我返回到非移动设备，或者当我调整浏览器窗口大小时，它将保持在100%。但在这一点上，我想返回colorbox窗口，使其具有与前面相同的静态宽度。请记住，以前的宽度是基于内容宽度图像宽度或css指定的宽度

你知道怎么做吗

---

谢谢

为什么在用户调整窗口大小时，您只希望颜色框的宽度为100%？请注意，您在JS中所做的并不是检测用户是否在移动设备上

您似乎应该使用媒体查询。请在此处阅读更多信息：