PC用眼鏡【管理人も使ってますがマジで疲れません】 解約手数料0円【あしたでんき】 Yahoo 楽天 NTT-X Store

無料ホームページ 無料のクレジットカード 海外格安航空券 ふるさと納税 海外旅行保険が無料! 海外ホテル

[掲示板に戻る] [一覧表示に戻る] [新着表示に戻る]  [前画面に戻る]  []

I T 情 報 通 信 相 談 掲示板

- 記事No. 129 の全体表示です。返信フォームから返信出来ます -

【親記事】
iPhoneとiPadでiframeの高さの指定ができない
Hiro : 2017/10/05(Thu) 21:29 No.129
どうぶつ31 HTMLで掲示板を埋め込んだ場合IE等ではHEIGHT="800"が有効
ですがiPhoneとiPadで高さの指定ができなく全部表示されてしまう。解決方法

下記は解決前プログラム

<IFRAME SRC="http://asukadjj0412.php.xdomain.jp/bbs022_utf81/bbs.php" STYLE="scrollbar-base-color: #dedeef
" NAME="floating" SCROLLING="YES" ALIGN="CENTER" WIDTH="800" HEIGHT="800">
</IFRAME>

解決後

<style type="text/css">
.ifrm-container {
width:800px;
height:1000px;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.ifrm {
width:100%;
height:100%;
border:none;
}
</style>

</HEAD>

上記は
</HEAD>の上に追加するプログラム

下記はページ表記位置に書くプログラム

<div class="ifrm-container"><iframe class="ifrm" src="http://asukadjj0412.php.xdomain.jp/bbs022_utf81/bbs.php" scrolling="auto"></iframe></div>

調整が必要ですがIE,iphoneで問題なく表示されました。

参照サイトURLは下記です。
https://mymobile-wifi.com/iphoneとipadでiframeの高さの指定ができない

[修正]
[削除]


返信フォーム
投稿にはパスワードが必要です。

修正・削除
NO: PASS:

[標準/一覧/新着]  []