スマートフォン商品ページ共通パーツ設定の商品ページ共通説明文内で、
iframeのheight（高さ）設定をレスポンシブルにしたいです。

今は、以下のように設定してます。

<!-- カテゴリバナーここから -->
<font color="#fff"><iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/sp/banner_SP.html" name="カテゴリバナー" width="100%" height="1600" frameborder="0" scrolling="no"　　　></iframe <!--　　　-->></font>
<!-- カテゴリバナーここまで -->

ノートパッドやスマートフォンなどどれで見ても、全てのバナーを表示させたい。（下に余計な空白がないこと。またスクロースは使用したくないです。）

そのようなことが可能でしょうか？