Selector를 My Iframe에 추가하기

Question

페이지로드시 표시되는 팝업에 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> 

Answer 1

Colorbox API 클래스를 추가하는 className 매개 변수를 정의합니다.