colorboxをスマホで使用した際に、ポップアップウィンドウが表示される前に全体が小さくなってしまいます。解決方法をご存じないでしょうか?

Question

###スマホでcolorboxを使用した際に、全体が小さくなることなくスムーズにポップアップを表示したいです。

表題の通りです。
下記に関係部分のコードを記述します。

###該当のソースコード

下記のようなボタンを作成し、

<section id="hoge">
		<div>
       <p class="btn"><a href="/popup01.php"><img src="" width="" height="" alt=""></a></p>
		</div>
</section>

フッターで下記の記述をしております。

<script src="<?php echo home_url('/js/jquery.colorbox.js', 'relative') ;?>"></script>
<script>
jQuery(function($) {
	$("#hoge").find("a").colorbox({
		iframe: true,
		innerWidth: "300px",
		innerHeight: "312px"
	});
})
</script>

###補足情報(言語/FW/ツール等のバージョンなど)
少しどのような症状が出ているか伝わりにくいかと思いますが、
思い当たることがある方、助言いただけますでしょうか?

Comments

[kogure]

こんにちは。
viewportの記述やcolorbox以外の外枠(bodyとかarticleっぽいmain部分)の記述（html、css）等も記載ただければと思います。あと、どんな感じに表示の前後で画面が変化するのかスクショなどあればなおうれしいです。。。

[cat0138]

説明べたですみません。。。
自分で調査している中で解決しましたので、そちらを記載させていただきます。
ご協力いただきありがとうございます。

Answer 1

jquery.colorbox.jsの記述にある
initialWidth: "600",
initialHeight: "450",
の記述を上書きすることで解決いたしました。
質問が不十分で申し訳ございません。