css - フォント サイズ ビューポートですが、最小サイズであるか、代わりにコンテナーにマップされています

Question

一部のコードは、ビューポートに基づいてフォント サイズを調整します。体に最小幅があるのと同じくらい私はそうです。この最小幅を超えると、テキストのビューポート スケーリングがどのように停止されるでしょうか。

min-font-size のキングが必要か、フォント サイズを親要素のサイズにマップする必要があります。これはJSなしで行うことができますか？

Answer 1

CSS でメディア クエリを使用して、ビューポートが特定の幅を下回ったときに固定フォント サイズを設定します。

BODY {min-width: 500px;}
P {font-size: 2vw;}
@media screen and (max-width: 500px) {
    P {font-size: 10px;}
}