Html 一页需要2个iFrame-1个用于菜单，1个用于剩余页面的100%宽度和高度？

我一直在尝试将这个双iframe分类为100%，这样它就可以在桌面和iphone等设备上工作-它几乎可以工作，但容纳画廊部分的iframe拒绝100%的高度，无论我尝试做什么：

我已经尝试了很多解决方案，并且确信它一定很简单——顶部的iframe可以工作，但底部的iframe不行

欢迎有任何想法！ 干杯

---

您是否尝试过jQuery来解决这个问题？如果您知道菜单iframe的高度从窗口高度减去其高度，然后将结果设置为iframe高度，则可以获得窗口高度？

不知道这是否有帮助，但我将其更改为50%到100%，当我减小大小时，会显示滚动条

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

---

要查看您的所有选项，请查看编号4

这不是关于

java

，我删除了该标记，想知道为什么要使用iFrame？似乎这样做会让事情变得更加困难（即，单击菜单中的iframe会加载其中的新内容）-当然，您这样做有一个很好的原因：）您的问题很可能在于iframe元素是其子元素（在本例中）没有定义明确的高度，因此在iframe上设置高度值作为百分比将不起作用。对不起，是的-如下所述-我尝试了各种其他选项。我需要画廊部分的工作作为一个调整大小的元素，出于某种原因，得到像上面的菜单一样简单的东西来工作，在同一时间被证明是非常困难的。iframe中的菜单在手机上运行得非常出色，所以我们尝试iframe很多。很明显，我会将链接改为在家长中打开-忘记了我的测试…谢谢！我将进行测试。嗨-是的-尝试了一些东西，但是控制flexslider库部分的jquery东西似乎有冲突。我设法弄得一团糟，但谢谢你的建议。。

<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;
     }
}