CSSテキストが折り返されたり外に出たりすることなく最大サイズになる

Question

私は必要なのは、画面の外に折り返したり外に出てくる最大サイズのテキストです。私は@mediaで試してみましたが、フォントサイズを変更しましたが、これは複雑すぎます！私が達成しようとしているのは、顔をhttps://www.tc.gamingprouk.net/404.shtmlに携帯電話でも最大フォントサイズで表示させることです。ここでの考え方はThryのiframe

iframe { 
 
    width: 100%; 
 
    height: 100vh; 
 
    border: none; 
 
}

<iframe src="https://www.tc.gamingprouk.net/404.shtml">Your browser doesn't support iframes</iframe>

---

任意のアイデアを表示するには、スニペット

---

...メディアクエリを使用しないことですか？
P.S.あなたが見る顔はいつも異なっており、それは時々大きくなります

Answer 1

font-sizeのvwプロパティを使用することになります。私はこれがどのように動作するかを示すためにfiddleを作成しました。レンダリング画面のサイズを変更して、ウィンドウが小さくなり、大きくなり、大きくなるにつれてフォントがどのように縮小するかを確認します。メディアクエリを使用して、最大フォントサイズを決定できます。

ノーラッピングの場合は、あなたのCSSにwhite-space: nowrap;を追加してください。