Pure CSS は固定コンテナに合わせてテキストのサイズを動的に変更できますか?

純粋な CSS を使用した動的テキストのサイズ変更

質問:

固定 div に合わせてテキストのサイズを動的に変更することは可能ですか?コンテナのみを使用CSS?

応答:

はい、純粋な CSS を使用して動的なテキストのサイズ変更を実現することは可能ですが、解決策は考慮される要素によって異なります。

解決策 1: VW ユニット (ビューポート)幅)

最近の進歩により、ビューポートの幅に関連付けられた VW 単位が導入されました。 VW 単位を使用すると、ビューポート サイズを基準にしてフォント サイズを設定できます。この方法では、ビューポート サイズに基づいて自動的にサイズ変更が行われます。

p {
    font-size: 3.5vw;
}

欠点:

• 古いブラウザではサポートが制限されています。
• サイズ変更実際の内容ではなく、ビューポートのサイズに基づいています。コンテナ。

追加リソース:

• https://css-tricks.com/viewport-size-typography/
• https://medium.com/design-ux/66bddb327bb1

以上がPure CSS は固定コンテナに合わせてテキストのサイズを動的に変更できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。