jQueryプラグインのモーダルウィンドウプラグイン、「Colorbox」をレスポンシブ対応するための方法です。
1 2 3 4 5 6 7 8 |
<script> $(document).ready(function(){ $(".colorbox").colorbox({ maxWidth:"90%", maxHeight:"90%" }); }); </script> |
上記のように、「 maxWidth」「 maxHeight」を指定することで、スマートフォンなどのモバイル端末で閲覧した時に画像が画面からはみ出てしまうのを防げます。