HTML CSS水平布局缩放

Question

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

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

这可以使用HTML / CSS吗？

Answer 1

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

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