#jquery.cbiframesize.js

##＜概要＞

ブラウザに表示させているiframe要素の高さをコンテンツの横幅（画面の横幅）に応じてアスペクト比を維持したまま伸縮させるjQueryプラグイン（リアルタイムリサイジング対応）

##＜実装方法＞

###1.外部ファイルを読み込む

jQueryと当プラグインをページに読み込む

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="jquery.cbiframesize.min.js"></script>

###2.iframe要素

・高さを変更したいiframe要素に任意のidやclass属性を付与

・タグ内またはCSSでiframeのサイズを指定しておく

<iframe src="//example.com/" width="600" height="200" class="iframe-class">

###3.プラグインを実行

jQueryのセレクタで高さを変更したいiframe要素を取得し、当プラグインの.cbIframeSize()メソッドを実行する

$(".iframe-class").cbIframeSize();

##＜デモ＞

http://jsrun.it/maechabin/ryzq

##＜ライセンス＞

MIT license