HTML CSS 水平布局缩放答案

【问题标题】：HTML CSS Horizontal Layout ScalingHTML CSS 水平布局缩放
【发布时间】：2013-03-23 15:38:47
【问题描述】：

我正在尝试制作一个水平布局（带有列），其中内容根据浏览器窗口 height 进行缩放。

我遇到了关于基于宽度的完美比例的答案，但我希望有一个无限的宽度（因为内容的数量并不总是相同的）。

这可能只使用 HTML/CSS 吗？

【问题讨论】：

【解决方案1】：

使用 css 很难保持纵横比，但是如果将 maincontent 框的高度设置为 90%，将容器的高度设置为 100%。他们应该回应浏览器窗口。但只有高度，从来没有宽度。

从那里您可以使用 javascript 将 with 设置为 <height> * 1.5（或类似），您必须在文档就绪事件中执行此操作，但也可以在窗口调整大小事件中执行此操作。

【讨论】：