CSS文本以最大尺寸無包裝或外出屏幕

Question

我需要的是在其最大尺寸apear，withiut包裝或會在屏幕外的文本。我試過@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

我的初始雖然會使用vw屬性的字體大小。我創建了這個fiddle來演示它的工作原理。調整渲染屏幕的大小以查看字體隨着窗口變小和變大而變大的方式縮小。您可以使用媒體查詢來確定最大字體大小。

對於無包裝只是在你的CSS添加white-space: nowrap;。