0

デスクトップやiPhoneなどで機能するように、このダブルiframeを100％でソートしようとしています-ほぼ機能しますが、ギャラリーセクションを保持するiframeは、何をしようとしても、高さ100％になることを拒否します：

http://willhutchinson.co.uk/pf-test/pages/pages-overview/paul-farrell-jessie-iframe.html

私はたくさんの解決策を試しましたが、それは単純でなければならないと確信しています - 上の iframe は機能しますが、下の iframe は機能しません。

どんなアイデアでも大歓迎です！乾杯の意志

4

2 に答える 2

0

これが役立つかどうかはわかりませんが、これを 50% から 100% に変更し、サイズを小さくするとスクロールが表示されます

<iframe style="position: relative; width: 50%" id="menu" src="menu.html" name="menu" frameborder="0" noresize="noresize">


<iframe style="position: relative; width: 100%" id="menu" src="menu.html" name="menu" frameborder="0" noresize="noresize">

画像は次のように変更されます。

<iframe style="position: relative; width: 100%;" id="paul-farrell-jessie-main" src="paul-farrell-jessie-main.html" name="paul-farrell-jessie-main" frameborder="0" noresize="noresize">

に：

<iframe style="position: relative; width: 1024px; height:768px" id="paul-farrell-jessie-main" src="paul-farrell-jessie-main.html" name="paul-farrell-jessie-main" frameborder="0" noresize="noresize">

モバイルでも機能させるには、これを使用できます。

@media (max-width: 600px) {
     /*You put css in here as you would outside but specific for the size*/
     #paul-farrell-jessie-main {
         width: 200px;
     }
}

あなたが持っているすべてのオプションを見るには、番号4 http://www.w3.org/TR/css3-mediaqueries/をチェックしてください

于 2013-01-14T12:56:26.257 に答える
0

この問題を解決するためにjQueryを試しましたか? メニューiframeの高さがわかっている場合は、ウィンドウの高さを取得できます。ウィンドウの高さからその高さを引き、結果をiframeの高さに設定しますか?

于 2013-01-14T11:38:32.923 に答える