了解这个CSS属性：clamp()，自适应布局，事半功倍！

clamp()

The clamp() CSS function clamps a value between an upper and lower bound. clamp() enables selecting a middle value within a range of values between a defined minimum and maximum. It takes three parameters: a minimum value, a preferred value, and a maximum allowed value.
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值、首选值、最大值。

示例

clamp(MIN, VAL, MAX) 其实就是表示 max(MIN, min(VAL, MAX))

body {
  margin: 0 auto;
  width: min(1000px, calc(70% + 100px));
}

h1 {
  letter-spacing: 2px;
  font-size: clamp(1.8rem, 2.5vw, 2.8rem);
}

p {
  line-height: 1.5;
  font-size: max(1.2rem, 1.2vw);
}

兼容性

在这里插入图片描述

本文链接：https://blog.csdn.net/jasonzhang20100713/article/details/109578101

智能推荐

页面自适应布局

题目：三栏布局，高度一定，左右各为300px，中间自适应宽度方法一：采用浮动方式浮动布局是有局限性的，浮动元素是脱离文档流，要做清除浮动，这个处理不好的话，会带来很多问题，比如高度塌陷等。浮动布局的优点就是比较简单，兼容性也比较好。只要清除浮动做的好，是没有什么问题的。方法二：采用绝对定位绝对定位布局优点，很快捷，设置很方便，而且也不容易出问题，你可以很快的就能想出这种布局方式。缺点就...

目标的真实边界(ground_truth bounding box)。而以像素为中心生成多个大小和宽高比(aspect ratio)的边界框，称为anchor box。基于深度学习的目标检测不使用传统的滑窗生成所有的窗口作为候选区域，FasterRCNN提出的RPN网络，处理较少但准确的候选区域。锚框即可理解为某个检测点处的候选区域。假设图像高hhh,宽为www。以每个像素为中心，大小s&is...

数据结构与算法C++描述(14)---二叉搜索树

1、二叉搜索树的概念二叉搜索树是一棵可能为空的二叉树，一棵非空的二叉搜索树有满足如下特征：二叉树中所有的键值都是唯一的；根节点所有左子树的键值（如果有的话）小于根节点的键值；根节点所有右子树的键值（如果有的话）大于根节点的键值；根节点的左右子树也都是二叉搜索树。三个二叉搜索树如下： 2、二叉搜索树的C++描述对于二叉搜索树，主要操作有插入一个元素（Insert）删除键值为k的元素（D...

数据库

什么是数据库？简单的说，数据库就是一个存放数据的仓库，这个仓库是按照一定的数据结构（数据结构是指数据的组织形式或数据之间的联系）来组织，存储的，我们可以通过数据库提供的多种方法来管理数据库里的数据。数据库诞生于1950年，随着信息技术的发展和人类社会的不断进步，特别是2000年后，数据库不在仅仅是存储和管理数据了，而转变成用户所需要的各种数据管理的方式，数据库有很多种类和功能，从最简单的存储有...