iframeの高さをレスポンシブに自動調整する方法｜杉並区ホームページ制作事務所 CROQUIS

iframeの高さをレスポンシブに自動調整する方法

CSSで調整するよりJavaScriptの方が安定しました。
下記がソースコードです。

HTML
<iframe id=”フレームのID” src=”your-iframe-source.html”></iframe>

JavaScript
<script>
function resizeIframe() { var iframe = document.getElementById(‘フレームのID’); iframe.style.height = iframe.contentWindow.document.body.scrollHeight + ‘px’; } window.onload = resizeIframe; window.onresize = resizeIframe;
</script>

2024.02.15BACK

CROQUIS（クロッキー）について

小西一紘

個人で活躍するフリーランスのウェブデザイナー: 制作事務所CROQUIS（クロッキー）は、東京近郊を拠点にフリーランスのウェブデザイン・ウェブマーケティングで活躍している個人事業オフィスです。

CROQUISを選んでいただく理由: 例えば他社制作会社の場合、高額な費用（何かと人件費・設備維持費などの経費が多いので）が必要だった案件も、当CROQUISだと価格をその半額以下に抑え、しかもクオリティは「より向上を目指す」といった非常にお得なご提案が可能となります。

特定商取引法に基づく表記

名称	CROQUIS　（クロッキー）
代表者	小西一紘　Konishi Kazuhiro
所在地	〒166-0003　東京都杉並区高円寺南4-9-3
電話番号	03-6383-2553
URL	https://croquis.cc
事業内容	ホームページ新規制作ホームページのリニューアル制作ホームページ更新・管理ホームページの運営・マーケティング提案 WordPressサイト構築スマートフォンサイト構築レスポンシブサイト構築ケータイサイト制作・QRコード制作写真撮影・補正・加工印刷物（名刺、チラシ、冊子など）の企画、編集、制作 SEO対策
販売価格	基本的には料金プランのとおりですが、細かな対応もさせていただきます。お気軽にお問い合わせください。
商品代金以外の必要料金	消費税・振り込み手数料・契約書の印紙代（半分）
納品について	基本的にサーバー＆独自ドメインの使用・管理費込みで月々2,398円〜でご利用いただけます。又は、下記のいずれかの方法をお選びください。指定のサーバにアップロードメールに添付して送付（軽量制作物限定） CD-Rでのデータ納品
返品について	商品の性質上、返品はお受けできません。ただし、制作の途中に止むを得ない理由でキャンセルをされる場合、それまでの作業料金をご精算いただき、以降の作業を中止させていただくことが可能です。（進行の中盤以降ではご返金に応じかねることがあります。）
お支払いについて	お支払いは、正式ご契約後１週間以内に着手金としてお見積金額の半額を銀行振込にてお願いしております。残金は完成から1週間以内に同じくお振り込みにてお願いします。銀行振込手数料はご負担をお願いいたします。
主な訪問可能エリア	東京都：23区(千代田区・中央区・港区・大田区・文京区・台東区・墨田区・江東区・品川区・目黒区・大田区・世田谷区・渋谷区・中野区・杉並区・豊島区・北区・荒川区・板橋区・練馬区・足立区・葛飾区・江戸川区) ・清瀬市・西東京市・武蔵野市・三鷹市・府中市・調布市・狛江市・東大和市・小平市・小金井市・立川市・昭島市・八王子市・国分寺市・国立市・日野市・多摩市・稲城市・町田市神奈川県：川崎市・横浜市・大和市・座間市・綾瀬市・海老名市・厚木市・伊勢原市・平塚市・中群・茅ヶ崎市・藤沢市・鎌倉市・高座郡埼玉県：さいたま市・三郷市・八潮市・草加市・川口市・蕨市・戸田市・和光市・朝霞市・新座市・志木市・富士見市・ふじみ野市・入間市・狭山市・所沢市・川越市・日高市・鶴ヶ島市・坂戸市・東松山市・上尾市・北足立郡・蓮田市・春日部市・吉川市・越谷市・北葛飾郡・南埼玉郡・幸手市・久喜市・桶川市・鴻巣市・北本市・鳩ケ谷市・三芳町千葉県：千葉市・流山市・松戸市・柏市・市川市・船橋市・浦安市・白井市・我孫子市・四街道市・八千代市・鎌ヶ谷市・習志野市メール・Skypeを活用したオンラインによる全国対応も可能です。