📜  CSS 钳位() 方法

📅  最后修改于: 2021-08-30 09:38:47             🧑  作者: Mango

钳位()方法用于钳制上限和下限之间的值。它需要三个参数,如下所示:

  • 最小值
  • 首选值
  • 最大值

当优选值小于最小值时,最小值就派上用场,类似地,当优选值大于最大值时,最大值派上用场。首选值在最小值和最大值之间时变得有用。

钳位()函数可以与各种元素一起使用,例如字体大小,宽度等。让我们构建一个简单的布局来清楚地了解钳位()函数

句法 :

clamp(value1, value2, value3)

参数:

  • 这里value1代表最小值,value2代表首选值,value3代表最大值。

例子:



  

    

  

    
        

Welcome To GFG

        
    
  

输出:

在上面显示的示例中,我们看到在钳制函数的帮助下根据视口调整宽度和字体大小是多么容易。钳位()函数对于排版和创建流体布局非常有用。

支持的浏览器:

  • 铬合金
  • 歌剧
  • 苹果浏览器
  • 火狐
  • 边缘