营销型网站能解决什么问题,长春网站建设专业公司,2024年营业执照年审入口,以小说名字做网站的小说网遇到的问题#xff1a; 在写页面的时候#xff0c;兼容手机和PC页面#xff0c;这样字体大小就需要根据页面的大小进行动态变化。
解决方法#xff1a; clamp()函数 clamp() 函数的作用是把一个值限制在一个上限和下限区间#xff0c;当这个值超过区间范围时#xff0c;…遇到的问题 在写页面的时候兼容手机和PC页面这样字体大小就需要根据页面的大小进行动态变化。
解决方法 clamp()函数 clamp() 函数的作用是把一个值限制在一个上限和下限区间当这个值超过区间范围时在最小值和最大值之间选择一个值使用。它接收三个参数最小值、首选值、最大值。 clamp()函数文档 https://developer.mozilla.org/zh-CN/docs/Web/CSS/clamp
使用方法
下面代码的意思是 假设浏览器窗口最小300px最大1200px当窗口小于300px的时候字体大小为1rem当窗口大于1200px的时候字体大小为1.875rem否则就使用区间的首选值0.682rem 1.59vw。
.value {font-size: clamp(1rem, 0.682rem 1.59vw, 1.875rem);
}不会计算的用下面这个网站算就可以 https://min-max-calculator.9elements.com/
