我使用colorbox作为页面加载时出现的弹出窗口，并且它在脚本中使用内联CSS作为宽度和高度。但是，我需要使用媒体查询来更改较小屏幕的宽度和高度，但我不知道如何从我的CSS访问代码。我已经尝试过添加一个ID和一个当前宽度和高度的类，但它们似乎都不起作用，而且我对此非常非常有限。粘贴下面的代码以显示当前正在使用的内联CSS。我想把它移到我的CSS文档中：
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<script>
function openColorBox(){
$.colorbox({iframe:true, width:"600px", height:"450px", href: "popup.html"});
}
setTimeout(openColorBox, 5000);
</script>