您如何在CSS中进行最大尺寸？

CSS没有Max-FontSize，因此，如果我们需要一些按照这些线路做某事的事情，我们就必须变得棘手。

你为什么完全需要它？好吧，可以通过动态方式设置字体大小本身。例如，字体大小：10vw;。这是使用“视口单元”来尺寸的类型，随着浏览器窗口的尺寸，该类型将变得越来越小。如果我们有最大尺寸的大小，我们可以限制它得到的大小（类似地，另一个方向具有最低尺寸）。

一种解决方案是在特定的屏幕尺寸断点上使用介质查询，该屏幕尺寸断点设置了非相关单元中的字体大小。

身体 {
  字体大小：3VW;
}
@Media屏幕和（最小宽度：1600px）{
  身体 {
     字体大小：30px;
  }
}

有一个称为CSS锁的概念在这里变得更加典型，在最小值和最大值之间慢慢缩放值。我们已经介绍了。就像…

身体 {
  字体大小：16px;
}
@Media屏幕和（最小宽度：320px）{
  身体 {
    字体大小：calc（16px 6 *（（（100VW -320px） / 680））;
  }
}
@Media屏幕和（最小宽度：1000px）{
  身体 {
    字体大小：22px;
  }
}

我们还介绍了它如何变得更简单（或将变得更简单）。

CSS中有一个max（）函数，因此我们上面的示例变成了一个单位：

字体大小：Max（30VW，30px）;

或用分钟和最大加倍加倍：

字体大小：min（最大（16px，4vw），22px）;

这与：

字体大小：夹具（16px，4vw，22px）;

这些功能的浏览器兼容性非常稀疏，因为我正在编写此功能，但是Chrome目前拥有它。它将到达那里，但是如果您现在需要，请查看本文中的第一个选项。

既然我们有了这些功能，那么我似乎不太可能在CSS中获得最低尺寸和最大尺寸的大小，因为这些功能几乎更为明显。

以上是您如何在CSS中进行最大尺寸？的详细内容。更多信息请关注PHP中文网其他相关文章！