css - 基于“em”的非比例宽度和高度的 css

Question

在处理多种分辨率时，基于“em”的方法似乎是编写 css 文件的好方法。但是，如果您说两种分辨率 480x800 和 540x960 ，那么宽度比（ 540/480 = 112.5% ）与高度比（ 960/800 = 120% ）不同。

所以，如果我有一个 em 字体大小 = 112.5% 用于从较低分辨率移动到较高分辨率，宽度似乎与新分辨率完美对齐，但高度（预计字体大小为 120%）似乎不足，因此有一个白色渲染页面的所有元素后在底部创建的空白区域。

这个问题的任何解决方案都会有很大的帮助！

Answer 1

em是fonts的选择单位，而不是元素尺寸的选择单位。由于它评估为 element's font-size，因此使用此单位设置宽度是不合理的。

您可能试图参考垂直节奏，这是一个保持文本可读性的概念，不应与页面布局的其余部分混淆。

为了在不同分辨率下进行美观的渲染，您应该研究流畅的布局- 尝试在该页面上使用浏览器宽度。如您所见，内容流已更改以充分利用可用空间，但未调整字体大小/行高，因为这两种技术是独立实现的。