html - HTML CSS 水平布局缩放

Question

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

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

这可能仅使用 HTML/CSS 吗？

Answer 1

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

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