初心者です。CSSについて

Question

実現したいこと

画像の大きさに合わせて文字を大きくさせる。

前提

position: absolute;のコマンドを使用して画像の上に文字を入力しています。

しかし、全画面表示にすると文字のフォントはそのままで画像のみかくだいされるので、文字が小さく見えてしまいます。サイトの表示形式に対応して文字の大きさを変えるにはどうすればいいのか教えて欲しいです。

開発環境：React, Typescript, Material UI

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

（投稿は編集できます）タイトルは要件を記載してください。
質問には初心者アイコンをつけられますし、質問タグを並べてるだけだと内容がありません。
また、現象が再現するコードをマークダウンのcodeでご提示ください。
場合により質問タグ（React.jsなど）を追加の検討を

Answer 1

単位にpxを使っている場合、どの機器を使ってもほぼ同じ大きさとなります。
そのため、画面が大きくても小さくても文字の大きさは変わらず、画像だけが大きく見えてしまいます。

文字の単位には%を使うようにすればうまくいくはずです。

Comments

[Abe]

ありがとうございます！