您如何在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中文網其他相關文章！