0

我一直在尝试以 100% 的速度对这个双 iframe 进行排序，以便它可以在桌面和 iphone 等设备上运行 - 它几乎可以工作，但是无论我尝试做什么，包含画廊部分的 iframe 都拒绝达到 100% 的高度：

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

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

欢迎任何想法！干杯意志

4

2 回答 2

0

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

于 2013-01-14T11:38:32.923 回答
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 回答