【親記事】
iPhoneとiPadでiframeの高さの指定ができない
Hiro : 2017/10/05(Thu) 21:29
No.129
|
|
|
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の高さの指定ができない
|
[修正]
[削除] |
返信フォーム
投稿にはパスワードが必要です。
修正・削除
[標準/一覧/新着]
[▲]
|