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

Question

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

谢谢。

Answer 1

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

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

例子

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