android - font-size を page-width のパーセンテージに設定できますか?

Question

私はモバイル サイトを作成しており、タイトルの h1 タグが画面サイズの 80% に調整されるようにしようとしています。

Answer 1

CSS Values and Units Module Level 3 (Candidate Recommendation) によるとvh、最初の包含ブロックの幅の 1% に等しい単位を使用できます。たとえば、font-size: 5vhフォント サイズを本文の幅の 5% に設定します。ブラウザーのサポートは、最新バージョンではかなり良好ですが、IE 8 などは除外されます。これは、多かれ少なかれタイトルの質問に答えます。

質問の本文の説明は、かなり異なるものです。フォント サイズはフォントの高さであり、文字の幅 (変化する) との関係は定義されていないため、実際には CSS で一部のテキストが一部の幅の 80% を占めるようにする方法はありません。もちろん、要素の幅を設定できますがh1、これはテキスト コンテンツの幅を設定することとは大きく異なります。テキスト幅を設定するには JavaScript が必要です。