jQuery的改变颜色框弹出大小随着屏幕尺寸的变化

Question

I have two html div where the first one is the wrapper of the second one , i have been showing the content of two divs with the colorbox popup . I want to change the size of the content and colorbox(if needed) when the screen size will be changed . Please help me . Thanks in advance !

Answer 1

This will resize the colorbox (relative to the screen) when the window dimensions change:

$(window).resize(function() {
    $.colorbox.resize({
        width:"75%", //or whatever dimensions you want
        height:"75%"
    });
});