根据设备

Question

小问题，我找不到任何答案。 有没有办法做到这一点？

我有3个不同大小的元素。 一个30px，另一个22px，另一个16px。 现在，当使用平板电脑检查这些元素时，它们会受到限制，因为我需要让我的容器具有固定的高度。 有没有办法，使用媒体查询，根据设备减少他们的字体大小，而不是一个接一个地做？就像它在桌面上100％，平板电脑中的80％等。

非常感谢。

Answer 1

您可以在CSS中使用视口宽度和高度：

.vwHeight {font-size: 5.9vw;}

相同的预览将是：

有关Viewport Sized Typography的更多信息。

Answer 2

您可以使用vw，vmax，vmin或em这里有许多可以帮助您的CSS单位。

例如： -

.block {font-size: 5vw;}

或

.block {font-size: 5vmax;}

你应该使用以下链接，我相信它会对你有帮助。

<强> URL