场景:
假设,字体为70px 在大屏显示正常,但是在笔记本上文字就换行了。我想字体随着屏幕变化而变化。
方法:
使用clamp函数,该函数接收三个参数:分别为 最小值,首选值,最大值。
.desc-one {color: #000;text-align: center;font-family: "Alibaba PuHuiTi";font-size: clamp(2.5rem, 0.462rem + 3.26vw, 4.375rem);font-style: normal;font-weight: 700;margin-bottom: 20px;}
取值来自:https://min-max-calculator.9elements.com/
左边是字体大小的范围,右边是屏幕尺寸的范围;复制即用。