根据设备的动态字体大小

小问题，我找不到任何答案。有没有办法做到这一点？根据设备的动态字体大小

我有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'和其他可用的变量宽度。这与我的回答有何不同或更好？ '＃好奇'';）' –

回答