根據設備的動態字體大小

小問題，我找不到任何答案。有沒有辦法做到這一點？根據設備的動態字體大小

我有3個不同大小的元素。一個用30px，其他用22px，其他用16px。現在，當使用平板電腦檢查這些元素時，他們會失去限制，因爲我需要將我的容器固定高度。有沒有辦法，使用媒體查詢，減少他們的字體大小根據設備而不做一個一個？喜歡它在桌面上是100％，在平板電腦上是80等。

非常感謝。

您可以使用視窗的寬度和高度的CSS：

.vwHeight {font-size: 5.9vw;}

一個預覽相同的將是：對Viewport Sized Typography

更多信息。

2015-06-23 10:41:21

我看到了。問題是我需要使用固定的字體大小，即使我確信這些在很多方面都會有很大的幫助。 –

其實你是矛盾的你自己的聲明。你想根據屏幕大小改變字體大小，但同時你想保持它們的固定？ '：/' –

固定好像。桌面：16px。平板電腦：12px。就像那樣。 –

您可以使用vw,vmax,vmin或em這裏有很多可以幫助您的CSS單元。

例如： -

.block {font-size: 5vw;}

或

.block {font-size: 5vmax;}

你應該去下面的鏈接，我相信它會幫助你。

URL

2015-06-23 10:47:44

我可以看到你指定了'vmax'和其他可用的變量寬度。這與我的回答有何不同或更好？ '＃好奇'';）' –

回答