Question

我一直试图将这个双iframe排序为100％，以便它可以在桌面和iphone等上运行 - 它几乎可以工作，但是拿着画廊部分的iframe拒绝100％高度，无论我尝试做什么：< / p>

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

我尝试过一系列解决方案并确信它必须简单 - 顶级iframe可以正常工作，但最底层的iframe不会。

欢迎任何想法！干杯将

Answer 1

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

Answer 2

不知道这是否会有所帮助，但我将此更改为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/

的所有选项

在页面上需要2个iframe - 1个用于菜单，1个用于100％宽度和剩余页面的高度？

2 个答案: