css - 在更高的分辨率下增加字体大小

Question

我有一个宽度为 960 像素的网站，内容很少，在超过 1400 的分辨率下查看时 > 有太多空白。我想增加某些元素的字体大小，以便它在更高的分辨率下填充空白高度。我如何在不使其响应的情况下实现这一目标？

谢谢。

Answer 1

媒体查询是一个不错的选择，但您可能还想尝试使用 EM 或 %。这两个都是相对值，具体取决于屏幕尺寸或 PPI。通常，您的 <p> 可以从 0.8em 开始标记并从那里开始。

您也可以尝试摆弄行高，但我不确定在没有媒体查询的情况下如何准确区分它们。

示例

p {
    font-size: 0.8em; 
    line-height:1.2;
}