使用浏览器窗口调整内容大小答案

【问题标题】：Resizing content with the browser window使用浏览器窗口调整内容大小
【发布时间】：2010-07-27 22:08:43
【问题描述】：

我有一张英国地图，制作成 Flash/swf 电影。此地图嵌入在一个 div 标签中，并在 2 列布局中向右浮动，其中包含左列、页眉和页脚。我希望地图在用户调整浏览器大小时自行调整大小，或者我希望它随着左列高度的增加和减少而调整大小。基本上地图应该遵循浏览器的宽度/高度或左列高度。我该怎么做？

非常感谢

【问题讨论】：

【解决方案1】：

有很多不同的方法可以给每只猫换皮，但至少您需要确保您的 SWF 内容可以缩放到容器大小。如果它是固定大小，则所有赌注都关闭。真正的挑战是让左栏中的内容与右栏中的更改保持一致，尤其是在仅使用 CSS 和 DIV 时。如果没有一些不自然和复杂的体操，我不确定这是否可能。

一种更简单、更直接且可能的老式方法是仅使用具有单行和两个单元格的 TABLE 作为列结构。使用 100% 的宽度和高度强制表格适合页面。然后你保证左栏总是右栏的高度。此时，您只需确保右列中的 SWF 容器使用 % 作为其高度。

另一种方法是使用 javascript 拦截浏览器调整大小事件并在发生这种情况时调整 SWF 容器的大小。

【讨论】：

感谢您的回答。好的，让我们忘记左列。我只是想让地图电影随浏览器按比例调整大小，地图是否比浏览器小 70%、50%。只要它自行调整大小并且不破坏布局，这就是我正在寻找的。一个很好的例子是雅虎地图：uk.maps.yahoo.com。现在调整浏览器的大小，你会看到一切都在调整大小，并且没有滚动条。