css - 高解像度でフォントサイズを大きくする

Question

幅が 960px でコンテンツがほとんどない Web サイトを 1400 を超える解像度で表示すると、余白が多すぎます。一部の要素の font-size を大きくして、高解像度で空の高さを埋めたいと思っています。レスポンシブにせずにこれを達成するにはどうすればよいですか?

ありがとう。

Answer 1

メディア クエリは優れたオプションですが、EM や % を使用することもできます。これらは両方とも、画面サイズまたは PPI に応じた相対値です。通常、タグは 0.8em から開始して、そこから開始できます<p>。

行の高さをいじることもできますが、メディアクエリなしでそれらを正確に区別する方法がわかりません.

例

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